notwaldorf / Emoji Rain
Licence: mit
☔️✨ A Polymer element that makes it rain emoji
Stars: ✭ 206
Labels
✨ emoji-rain ✨
<emoji-rain> is a Polymer element that makes it rain emoji on any page. Because it can.
☔️ The number of drops is configurable (by default it's set to 250). The active
attribute determines whether the emoji are raining, but you can also manually
start() and stop() the rain.
Example:
<emoji-rain drops="50" active></emoji-rain>
💸️ Optionally, you can also use the Twitter emoji instead of the native ones.
twemoji.js and all its images will only be loaded on demand, so if you don't
want to eat the performance cost, you don't have to:
<emoji-rain use-twemoji></emoji-rain>
Usage
Install with bower:
mkdir emoji-rain-demo && cd emoji-rain-demo
bower install emoji-rain
Drop it in a page, next to the newly created bower_components folder:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>zomg</title>
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="bower_components/emoji-rain/emoji-rain.html">
</head>
<body>
<emoji-rain active></emoji-rain>
</body>
</html>
✨☔️😹
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].