Directory

← Back

emoji-rain

☔️✨ A Polymer element that makes it rain emoji

Author

Rating

Popularity

<100

[ This description is mirrored from README.md at github.com/notwaldorf/emoji-rain on 2019-05-10 ]

:sparkles: emoji-rain :sparkles:

<emoji-rain> 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:

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

:sparkles::umbrella::joy_cat:

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • polymer#Polymer/polymer#^2.0.0
Released
2018-02-28
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 1.0.4
Browser
Browser Independent

emoji-rain - Vaadin Add-on Directory

☔️✨ A Polymer element that makes it rain emoji emoji-rain - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/notwaldorf/emoji-rain](https://github.com//notwaldorf/emoji-rain/blob/v2.0.0/README.md) on 2019-05-10 ]** # :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 zomg ``` # :sparkles::umbrella::joy_cat:
Online