A React component that explodes emoji
npm install react-emoji-explosionreact-emoji-explosion is a React component that creates a fun and interactive emoji explosion effect. This component can be used to add a playful touch to your web applications by displaying animated emojis that explode and bounce around the screen.
- Can use strings or emojis
- Bouncing effect
- Customizable colors, sizes, and speeds
- More animations and effects
- Support for any HTML element
- Performance optimizations for lots of items
You can install the package using npm or yarn:
``bash`
npm install react-emoji-explosion
pnpm add react-emoji-explosion
yarn add react-emoji-explosion
Here's an example of how to use the ReactEmojiExplosion component in your React application:
`jsx
import React from "react";
import ReactEmojiExplosion from "react-emoji-explosion";
const App = () => {
return (
export default App;
`
The ReactEmojiExplosion component accepts the following props:
| Prop | Type | Description | Default |
| ------------- | ----------- | ------------------------------------------------------ | ------- |
| rootElement | HTMLElement | The root element where the canvas will be attached. | - |emojis
| | string[] | An array of emojis or strings to use in the explosion. | - |bounce` | boolean | Whether the emojis should bounce. | false |
|
Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.
This project is licensed under the MIT License. See the LICENSE file for more details.