ReactEmojis - Elevate Your React Landing Page with Animated Emojis
Transform static content into dynamic experiences with our animated SVG emojis. Engage your audience and inject personality into your landing page effortlessly.
SUBSCRIBE TO MY YOUTUBE CHANNEL FOR MORE FREE OPEN SOURCE PROJECTS
Getting Started
Welcome to React Emojis! This guide will help you get started with the installation process and provide a step-by-step walkthrough on how to use React Emojis in your React projects.
How to use
📦 Install the package
npm i @souhaildev/reactemojis
🎉 Ready to Use
With the installation and setup completed, you are now ready to use the React Emojis package. Simply import the package into your React project:
import ReactEmojis from "@souhaildev/reactemojis";
How to use
Add expressive emojis to your project effortlessly. Use the following code to include an emoji in your React component:
<ReactEmojis emoji='😍' />
Props Table
| Prop | Required | Type | Description |
|---|---|---|---|
| emoji | Required | click here to see the full list of supported emojis. | |
| emojiStyle | Optional | string | Choose from values 1, 2, 3 to determine the style of emoji variation. |
| style | Optional | JSON | Add CSS styles. |
| className | Optional | string | Add a classname for further customization. |
For TypeScript support and a handy list of emojis, simply invoke IntelliSense completion in Visual Studio Code by pressing CTRL + Space. This will provide you with a convenient list of available emojis to choose from.
For additional details and advanced features, refer to our comprehensive documentation. Happy coding! 🚀
SUBSCRIBE TO MY YOUTUBE CHANNEL FOR MORE FREE OPEN SOURCE PROJECTS