emojitone v0.1.2
EmojiTone
๐๐๐ฟ๐๐พ๐๐ฝ๐๐ผ๐๐ป
Emoji are useful tools for communicating application behavior. I recently finished a project which heavily uses them and realized while building that I wanted to add an option for users of the project to customize the interface to their liking. There are plenty of packages to do this for theme, but I could not find any for emoji skin tone, so I decided to build EmojiTone.This package is a simple interface for building with tone-changing emojis. You can use this with state management on your end to allow users to set the tone as part of their user settings. You can then store that state on a server, in the browser, or however you like. This package is just here to help you with the long and complicated switch statements! Enjoy ๐.
Install
$ npm install emojitone
# or
$ yarn add emojitone
Use
Using EmojiTone is as simple as importing it and passing in any supported emoji and an accepted tone.
import { et } from 'emojitone'
// Returns ๐๐พ
et('๐', 'medium-dark')
The accepted tones are:
dark
medium-dark
medium
medium-light
light
Recommended practices
It is a good idea to combine this package with simple state management on your end. I have built a simple example Next.js application which stores the state in the browser's localestorage to show you what this might look like. Here is a link to it running live.
Currently supported emoji:
๐ ๐ค ๐๏ธ โ ๐ ๐ซฑ ๐ซฒ ๐ซณ ๐ซด ๐ ๐ค ๐ค โ๏ธ ๐ค ๐ซฐ ๐ค ๐ค ๐ค ๐ ๐ ๐ ๐ ๐ โ๏ธ ๐ซต ๐ ๐ โ ๐ ๐ค ๐ค ๐ ๐ ๐ซถ ๐ ๐คฒ ๐ค ๐ โ๏ธ ๐ ๐คณ ๐ช ๐ฆต ๐ฆถ ๐ ๐ฆป ๐ ๐ถ ๐ง ๐ฆ ๐ง ๐ง ๐จ ๐ฉ ๐ง ๐ด ๐ต ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐ โโ๏ธ ๐ โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐คฆ ๐คฆโโ๏ธ ๐คฆโโ๏ธ ๐คท ๐คทโโ๏ธ ๐คทโโ๏ธ ๐งโโ๏ธ ๐จโโ๏ธ ๐ฉโโ๏ธ ๐งโ๐ ๐จโ๐ ๐ฉโ๐ ๐งโ๐ซ ๐จโ๐ซ ๐ฉโ๐ซ ๐งโโ๏ธ ๐จโโ๏ธ ๐ฉโโ๏ธ ๐งโ๐พ ๐จโ๐พ ๐ฉโ๐พ ๐งโ๐ณ ๐จโ๐ณ ๐ฉโ๐ณ ๐งโ๐ง ๐จโ๐ง ๐ฉโ๐ง ๐งโ๐ญ ๐จโ๐ญ ๐ฉโ๐ญ ๐งโ๐ผ ๐จโ๐ผ ๐ฉโ๐ผ ๐งโ๐ฌ ๐จโ๐ฌ ๐ฉโ๐ฌ ๐งโ๐ป ๐จโ๐ป ๐ฉโ๐ป ๐งโ๐ค ๐จโ๐ค ๐ฉโ๐ค ๐งโ๐จ ๐จโ๐จ ๐ฉโ๐จ ๐งโโ๏ธ ๐จโโ๏ธ ๐ฉโโ๏ธ ๐งโ๐ ๐จโ๐ ๐ฉโ๐ ๐งโ๐ ๐จโ๐ ๐ฉโ๐ ๐ฎ ๐ฎโโ๏ธ ๐ฎโโ๏ธ ๐ต๏ธ ๐ต๏ธโโ๏ธ ๐ต๏ธโโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ฅท ๐ท ๐ทโโ๏ธ ๐ทโโ๏ธ ๐ซ ๐คด ๐ธ ๐ณ ๐ณโโ๏ธ ๐ณโโ๏ธ ๐ฒ ๐ง ๐คต ๐คตโโ๏ธ ๐คตโโ๏ธ ๐ฐ ๐ฐโโ๏ธ ๐ฐโโ๏ธ ๐คฐ ๐ซ ๐ซ ๐คฑ ๐ฉโ๐ผ ๐จโ๐ผ ๐งโ๐ผ ๐ผ ๐ ๐คถ ๐งโ๐ ๐ฆธ ๐ฆธโโ๏ธ ๐ฆธโโ๏ธ ๐ฆน ๐ฆนโโ๏ธ ๐ฆนโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ถ ๐ถโโ๏ธ ๐ถโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐งโ๐ฆฏ ๐จโ๐ฆฏ ๐ฉโ๐ฆฏ ๐งโ๐ฆผ ๐จโ๐ฆผ ๐ฉโ๐ฆผ ๐งโ๐ฆฝ ๐จโ๐ฆฝ ๐ฉโ๐ฆฝ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ ๐บ ๐ด๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ ๐ ๐๏ธ ๐๏ธโโ๏ธ ๐๏ธโโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ ๐ฃ ๐ฃโโ๏ธ ๐ฃโโ๏ธ ๐ ๐โโ๏ธ ๐โโ๏ธ โน๏ธ โน๏ธโโ๏ธ โน๏ธโโ๏ธ ๐๏ธ ๐๏ธโโ๏ธ ๐๏ธโโ๏ธ ๐ด ๐ดโโ๏ธ ๐ดโโ๏ธ ๐ต ๐ตโโ๏ธ ๐ตโโ๏ธ ๐คธ ๐คธโโ๏ธ ๐คธโโ๏ธ ๐คฝ ๐คฝโโ๏ธ ๐คฝโโ๏ธ ๐คพ ๐คพโโ๏ธ ๐คพโโ๏ธ ๐คน ๐คนโโ๏ธ ๐คนโโ๏ธ ๐ง ๐งโโ๏ธ ๐งโโ๏ธ ๐ ๐ ๐งโ๐คโ๐ง ๐ญ ๐ซ ๐ฌ ๐ ๐ฉโโค๏ธโ๐โ๐จ ๐จโโค๏ธโ๐โ๐จ ๐ฉโโค๏ธโ๐โ๐ฉ ๐ ๐ฉโโค๏ธโ๐จ ๐จโโค๏ธโ๐จ ๐ฉโโค๏ธโ๐ฉ