☔️ A React component that makes it rain emoji.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist-modules
example
src
.babelrc
.eslintrc
.gitignore
README.md
package.json
webpack.config.js

README.md

react-emoji-rain

If you ever wanted to use notwaldorf/emoji-rain Polymer element in your React apps this is for you! All of the important code is lifted from that project! 🙈

☔️ The number of drops is configurable (by default it's set to 250). The active attribute determines whether the emoji are raining.

Example:

<EmojiRain active={true} drops={100} />

Setup

Install the package by running npm install --save react-emoji-rain or yarn add react-emoji-rain.

Then you can include it in your React project:

import React, {Component} from 'react';
import {render} from 'react-dom';

class App extends Component {
  render() {
    return (
      <EmojiRain active={true} drops={100} />
    );
  }
}

render(
  <App />,
  document.querySelector('.js-example')
);

Just take care to stretch your container to fill up your document. If you need help doing this take a look at the example/ folder.

☔️😹