2.0.5 • Published 9 months ago

liveemoji v2.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
9 months ago

LiveEmoji

LiveEmoji

LiveEmoji is a delightful collection of animated emoji icons designed for React applications. Bring your user interfaces to life with our vibrant and expressive emojis that seamlessly blend into your projects. With easy-to-use components and customizable options, LiveEmoji empowers developers to enhance their applications with a touch of fun and creativity.

🔗 Links

portfolio npm npm version

Features

  • Animated emojis: A curated selection of animated emoji icons
  • Responsive and customizable: Easily adjust emoji size and apply custom styling
  • Optimized for performance: Smooth animations that perform beautifully across devices
  • Easy to use: Import and display emojis with simple, intuitive components
  • TypeScript support: For robust typing and better developer experience

Installation

You can install LiveEmoji via npm:

npm install liveemoji

Usage

You can use the LiveEmoji component to display animated emojis dynamically. Here's an example of how to use it in your application:

import { LiveEmoji } from 'liveemoji';
<LiveEmoji icon="ConfusedFace" size={32} />
<LiveEmoji icon="ClownFace" size={32} />
<LiveEmoji icon="FaceWithPeekingEye" size={32} />

Props

The LiveEmoji component accepts the following props:

PropTypeDescription
iconstringThe name of the emoji to display in PascelCase only (e.g., "DizzyFace", "ClownFace").
classNamestringOptional custom class or TailwindCSS for styling the emoji.
sizenumberOptional size of the emoji in pixels (default is 24).

Example

Here’s a complete example of how to use LiveEmoji:

import React from 'react';
import { LiveEmoji } from 'liveemoji';

const EmojiExample = () => {
  return (
    <div>
      <h2>Here are some emojis:</h2>
      <LiveEmoji icon="ConfusedFace" size={32} />
      <LiveEmoji icon="ClownFace" size={32} />
      <LiveEmoji icon="FaceWithPeekingEye" size={32} />
    </div>
  );
};

export default EmojiExample;
2.0.5

9 months ago

2.0.4

9 months ago

2.0.3

9 months ago

2.0.2

9 months ago

2.0.0

9 months ago

1.5.0

9 months ago

1.3.0

9 months ago

1.2.0

9 months ago