animated_emoji

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The animated_emoji package enables developers to display vibrant, customizable animated emojis in Flutter apps using the Noto Animated Emoji font. It supports multiple platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent animated emoji rendering across devices. The package integrates seamlessly with Flutter's text widgets, allowing easy embedding of animated emojis within rich text content. Developers can customize size, color, and animation behavior to match app aesthetics. Ideal for enhancing user engagement in messaging, social media, or interactive applications.

Use cases

Messaging apps
Social media interfaces
Interactive UI elements
Gamified experiences
User notifications
Rich text displays

Key features

Supports Noto Animated Emoji
Cross-platform compatibility
Customizable animations
Seamless integration with Text widgets
Lightweight and efficient
Easy setup via pub add

Suitable for

Developers building expressive UIs
Apps requiring dynamic emoji visuals
Projects targeting multiple platforms
Design-focused mobile and web apps
Teams wanting minimal implementation effort

Considerations

May increase app size due to emoji assets
Animation performance varies on low-end devices
Limited to Noto Animated Emoji style
Requires internet for initial asset loading (if not bundled)
Not suitable for static emoji use cases

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Animated Emoji

Provides over 600 animated emojis for your app.

Usage

Just use the AnimatedEmoji widget anywhere in your application and choose an emoji.

const AnimatedEmoji(
  AnimatedEmojis.rocket, // 🚀
),

Configure the widget to your needs.

AnimatedEmoji(
  AnimatedEmojis.clap, // 👏
  size: 128,
  repeat: false,
),

Some emojis also support variations in skin color.

const AnimatedEmoji(
  AnimatedEmojis.clap.dark, // 👏🏿
),

Offline support

You can also add emojis to your assets for offline support.

First, import the emoji to your pubspec.yaml. The names can be found here.

You need to import the specific skin tones separately to use them (add the suffix to your imports, e.g. Dark, MediumLight, ...)

...
flutter:
  assets:
    - packages/animated_emoji/lottie/rocket.json
    - packages/animated_emoji/lottie/clap.json 
    # Import a skin tone variation.
    - packages/animated_emoji/lottie/clapDark.json

Contributing

Contributions are always welcome 🔥

Check out the the animated_emoji_generator used to generate the contents of this package.

Additional information

This package uses Noto Animated Emoji which is licensed under CC BY 4.0.

Search categories, packages and repositories

Install package