EmojiMotion
Installation & Usage:
npm install emoji-motion
# or
yarn add emoji-motion
Basic example:
import React from 'react';
import EmojiMotion from 'emoji-motion';
function App() {
return <EmojiMotion emoji="😀" style={{ height: 250, width: 250 }} />;
}
Using the variant Attribute:
The variant attribute allows you to specify the type of animation for the emoji. The two supported variants are loop and hover:
- loop: The emoji animation loops continuously.
- hover: The animation plays when the user hovers over the emoji.
<EmojiMotion emoji="😀" variant="hover" style={{ height: 250, width: 250 }} />