HTML
Need help with emoji-rain?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.
notwaldorf

Description

☔️✨ A Polymer element that makes it rain emoji

202 Stars 31 Forks MIT License 49 Commits 5 Opened issues

Services available

Need anything else?

:sparkles: emoji-rain :sparkles:

 is a Polymer element that makes it rain emoji on any page. Because it can.

emoji rain

☔️ 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: <!---

  
-->
html

💸️ 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:
html
  

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:
html



<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">


<emoji-rain active></emoji-rain>

:sparkles::umbrella::joy_cat:

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.