DEV Community

Binh Bui
Binh Bui

Posted on

The emoji web components you never thought you need

This July 17th, let us celebrate the World Emoji Day by looking at some of the coolest emoji web components by notwaldorf, our Emoji Ambassador πŸ‘©πŸ»β€βœˆοΈ

🌧 emoji-rain 🌧

This funky component is gonna pour down a heavy rain of emojis. It's mesmerizing, colorful and beaujiful (Get it?).

Source code β—† Demo β—† CodePen

πŸ“š emoji-selector πŸ“š

emoji-selector features a large set of emojis. It provides users with a "Recently Used" windows, like how it is in most smartphone keyboard, and this is extremely handy if you're a ❀️ or πŸ”₯ spammer.

Source code β—† Demo β—† CodePen

✨ emojillate ✨

emoji + pixellate = emojillate - It translates any picture to full-text of emojis, so you can even share it with people by simple copy & paste. Check out the CodePen demo for a surprise.

Source code β—† Demo β—† CodePen

  • For more news and writing pieces on Web Components, follow me on Twitter @binhbbbb
  • If you would like to try out Web Components, check out the series Web Components Wednesday, where I introduce and explain easy-to-use web components to beginners.

Discussion (0)