Flutter Gems is a curated list of 6000+ useful Dart & Flutter packages that are categorized based on functionality.

Discord Medium LinkedIn Twitter

Top Flutter Emoji and Rich Text packages

Last updated: November 15, 2024

An emoji is a small digital image or icon used to express a concept or emotion in electronic communication. Emoji are most often used in text messages or on social media websites and apps.

With the rise of social media Hashtags and Mentions have gained a lot of prominence. Hastags are a type of metadata tag used on social network and microblogging services which makes it easier for users to find messages with a specific theme or content. Similary, @ Mentions is used to link a content to the user with specified handle.

Following list of Flutter packages can be used to add Text Fields that support Emojis, Rich Text, Links, # Hashtags and @ Mentions.


emoji_picker_flutter Card Image
emoji_picker_flutter
Dart 3 compatible 👍 551
Maintenance Status: Good

A Flutter package that provides an Emoji picker widget with 1500+ emojis in 8 categories.

extended_text_field Card Image
extended_text_field
Dart 3 compatible 👍 279
Maintenance Status: Good

Extended official text field to build special text like inline image, @somebody, custom background etc quickly.It also support to build custom seleciton toolbar and handles.

extended_text Card Image
extended_text
Dart 3 compatible 👍 277
Maintenance Status: Good

Extended official text to build special text like inline image or @somebody quickly,it also support custom background,custom over flow,gradient and custom selection toolbar and handles.

easy_rich_text Card Image
easy_rich_text
Dart 3 compatible 👍 231
Maintenance Status: Good

The EasyRichText widget provides an easy way to use RichText. You do not have to split the string manually.

detectable_text_field Card Image
detectable_text_field
Dart 3 compatible 👍 155
Maintenance Status: Good

TextField with detection features. You can detect hashtags, at sign, url or anything you want. Helps you develop Twitter like app. Refinement of hashtagable

animated_emoji Card Image
animated_emoji
Dart 3 compatible 👍 137
Maintenance Status: Good

Show beautiful, customizable animated emojis using Noto Animated Emoji

highlight_text
Dart 3 compatible 👍 122
Maintenance Status: Good

With this package you can highlight words and create specific styles and actions.

rich_text_controller
Dart 3 compatible 👍 84
Maintenance Status: Good

An extended text editing controller that supports different inline styles for custom regex patterns

mongol Card Image
mongol
Dart 3 compatible 👍 57
Maintenance Status: Good

Flutter widget package for displaying and editing vertical Mongolian text.

pretty_diff_text Card Image
pretty_diff_text
Dart 3 compatible 👍 54
Maintenance Status: Good

PrettyDiffText is wrapper of RichText which shows differences between two texts visually. It uses Google's diff-match-patch library.

flutter_emoji_gif_picker Card Image
flutter_emoji_gif_picker
Dart 3 compatible 👍 47
Maintenance Status: Good

The same emoji-gif picker as whatsapp. Takes the same size as your keyboard(Mobile).

typeset
Dart 3 compatible 👍 45
Maintenance Status: Good

Whatsapp like text styling for you! -- Bold, Italic, Underline and more -- Drive your text style through Backend!

link_text Card Image
link_text
Dart 3 compatible 👍 45
Maintenance Status: Good

Easy to use text widget for Flutter apps, which converts inlined URLs into clickable links. Allows custom styling.

rich_readmore Card Image
rich_readmore
Dart 3 compatible 👍 40
Maintenance Status: Good

A widget that displays text with an option to show more or show less based on the provided settings.

parsed_readmore Card Image
parsed_readmore
Dart 3 compatible 👍 36
Maintenance Status: Good

A Flutter text widget which is expandable and can automatically parse urls present in the text it into clickable links.

contentful_rich_text
Dart 3 compatible 👍 28
Maintenance Status: Good

Rich Text renderer that parses Contentful Rich Text JSON object and returns a renderable Flutter widget tree

flutter_linkify Card Image
flutter_linkify
Dart 3 compatible 👍 743
Maintenance Status: Average

Turns text URLs and emails into clickable inline links in text for Flutter.

styled_text Card Image
styled_text
Dart 3 compatible 👍 431
Maintenance Status: Average

Text widget with formatted text using tags. Makes it easier to use formatted text in multilingual applications.

flutter_emoji
Dart 3 compatible 👍 195
Maintenance Status: Average

A light-weight Emoji package for Flutter with all up-to-date emojis.

selectable_autolink_text Card Image
selectable_autolink_text
Dart 3 compatible 👍 79
Maintenance Status: Average

Generate inline links that can be selected and tapped in text for Flutter.

rich_text_view
Dart 3 compatible 👍 62
Maintenance Status: Average

A simple yet powerful rich text view that supports mention, hashtag, email, url and see more.

flutter_decorated_text Card Image
flutter_decorated_text
Dart 3 compatible 👍 52
Maintenance Status: Average

The DecoratedText widget allows you to style and interact with different parts of a text string based on predefined rules. It's versatile, easy-to-use, and can handle different scenarios such as matching specific words, phrases, or patterns, allowing you to style the matched text differently.

remove_emoji
Dart 3 compatible 👍 39
Maintenance Status: Average

Dart and flutter package accurately replace/remove emojis in text

linkable Card Image
linkable
Dart 3 compatible 👍 33
Maintenance Status: Average

A Flutter widget to add links to your text. Linkable widget is a wrapper over RichText which allows you to render links that can be clicked to redirect to the URL.

keyboard_emoji_picker Card Image
keyboard_emoji_picker
Dart 3 compatible 👍 22
Maintenance Status: Average

Flutter plugin for picking emojis using device's keyboard.

utils_rinch_text Card Image
utils_rinch_text
Dart 3 compatible 👍 9
Maintenance Status: Average

This method returns a list of TextSpan ideal for formatting long text this implementation supports the following tags, see example.

text_link
Dart 3 compatible 👍 6
Maintenance Status: Average

This Flutter package simplifies text rendering with embedded URLs, enabling users to tap on any URL within the text to open the link.

mailto
Dart 3 compatible 👍 128
Maintenance Status: Poor

Simple Dart package for creating mailto links in your Flutter apps

emojis
Dart 3 compatible 👍 106
Maintenance Status: Poor

Emojis for Dart! This package contain all unicode 13.0 emojis (2020)!

flutter_social_textfield
Dart 3 compatible 👍 93
Maintenance Status: Poor

TextEditingController and RichText / TextSpan builder with hashtag, url and mention detection with Regular Expressions. Also with tap support.

simple_rich_text
Dart 3 compatible 👍 86
Maintenance Status: Poor

Display a Dart string in Flutter using simple rich text characters.

linkwell
Dart 3 compatible 👍 81
Maintenance Status: Poor

LinkWell is Text Plugin that detects URLs and Emails in a String and when tapped opens in users browsers,

demoji
Dart 3 compatible 👍 62
Maintenance Status: Poor

A dart emoji library with over 1500+ emojis

text_style_editor
Dart 3 compatible 👍 56
Maintenance Status: Poor

TextSyleEditor is a flutter widget that help you to edit a text style dynamically.

dart_emoji
Dart 3 compatible 👍 38
Maintenance Status: Poor

A light-weight Emoji for Dart & Flutter with all up-to-date emojis written in pure Dart.

custom_rich_text
Dart 3 compatible 👍 36
Maintenance Status: Poor

A custom rich text package that allow highlights and link reference to text.

super_rich_text
Dart 3 compatible 👍 35
Maintenance Status: Poor

The easiest way to style custom text snippets by creating your own bookmarks with links and functions.

mentionable_text_field
Dart 3 compatible 👍 33
Maintenance Status: Poor

A flutter plugin to create customizable text field that has a mentionable feature. The way matching users are displayed and picked is decorrelated from the Widget itself, so that you will be able to chose the way you will do.

twemoji
Dart 3 compatible 👍 31
Maintenance Status: Poor

Twitter Emojis for Flutter, this package supports svg and png 72x72 emojis

linkify_text
Dart 3 compatible 👍 22
Maintenance Status: Poor

LinkifyText is a Text widget that highlight all the links in the text. It further navigates user to the link using browser on tapping on highlighted link.

flutter_richtext_composer
Dart 3 compatible 👍 7
Maintenance Status: Poor

A Flutter package for composing rich text in a i18n friendly way

quill_delta
👍 34
Maintenance Status: Poor

Simple and expressive format for describing rich-text content created for Quill.js editor. This package is unofficial port to Dart from JavaScript.

textstyle_extensions
👍 22
Maintenance Status: Poor

Syntactic sugar for easily modifying TextStyles. Quickly create textStyle variants like .bold, .italic or .size().

span_builder
👍 18
Maintenance Status: Poor

Facilitates creation of spans from plain text and provides automated disposal of GestureRecognizers

rich_input
👍 18
Maintenance Status: Poor

Rich input box, implement @someone and subject with color highlighting.

notus
👍 9
Maintenance Status: Poor

Platform-agnostic rich text document model based on Delta format and used in Zefyr editor.