DEV Community

Binh Bui
Binh Bui

Posted on

2 3

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.

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

Top comments (0)

Sentry image

See why 4M developers consider Sentry, β€œnot bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

πŸ‘‹ Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay