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

Discord Medium LinkedIn Twitter

Top Flutter Emoji and Rich Text packages

Last updated: April 2, 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.


flutter_linkify Card Image
flutter_linkify
Dart 3 compatible 👍 704
Maintenance Status: Good

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

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

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

styled_text Card Image
styled_text
Dart 3 compatible 👍 375
Maintenance Status: Good

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

extended_text_field Card Image
extended_text_field
Dart 3 compatible 👍 240
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 👍 239
Maintenance Status: Good

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

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

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

flutter_emoji
Dart 3 compatible 👍 184
Maintenance Status: Good

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

detectable_text_field Card Image
detectable_text_field
Dart 3 compatible 👍 134
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

highlight_text
Dart 3 compatible 👍 106
Maintenance Status: Good

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

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

Show beautiful, customizable animated emojis using Noto Animated Emoji

selectable_autolink_text Card Image
selectable_autolink_text
Dart 3 compatible 👍 73
Maintenance Status: Good

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

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

Flutter widget package for displaying and editing vertical Mongolian text.

rich_text_view
Dart 3 compatible 👍 53
Maintenance Status: Good

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 👍 47
Maintenance Status: Good

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.

typeset
Dart 3 compatible 👍 40
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 👍 39
Maintenance Status: Good

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

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

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

remove_emoji
Dart 3 compatible 👍 35
Maintenance Status: Good

Dart and flutter package accurately replace/remove emojis in text

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

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.

parsed_readmore Card Image
parsed_readmore
Dart 3 compatible 👍 32
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 👍 23
Maintenance Status: Good

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

keyboard_emoji_picker Card Image
keyboard_emoji_picker
Dart 3 compatible 👍 14
Maintenance Status: Good

Flutter plugin for picking emojis using device's keyboard.

text_link
Dart 3 compatible 👍 6
Maintenance Status: Good

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

flutter_social_textfield Card Image
flutter_social_textfield
Dart 3 compatible 👍 86
Maintenance Status: Average

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

rich_text_controller
Dart 3 compatible 👍 69
Maintenance Status: Average

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

twemoji
Dart 3 compatible 👍 31
Maintenance Status: Average

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

mentionable_text_field Card Image
mentionable_text_field
Dart 3 compatible 👍 27
Maintenance Status: Average

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.

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

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

mailto
Dart 3 compatible 👍 118
Maintenance Status: Poor

Simple Dart package for creating mailto links in your Flutter apps

emojis
Dart 3 compatible 👍 103
Maintenance Status: Poor

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

simple_rich_text
Dart 3 compatible 👍 84
Maintenance Status: Poor

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

linkwell
Dart 3 compatible 👍 78
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 👍 61
Maintenance Status: Poor

A dart emoji library with over 1500+ emojis

text_style_editor
Dart 3 compatible 👍 54
Maintenance Status: Poor

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

pretty_diff_text
Dart 3 compatible 👍 44
Maintenance Status: Poor

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

custom_rich_text
Dart 3 compatible 👍 35
Maintenance Status: Poor

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

dart_emoji
Dart 3 compatible 👍 34
Maintenance Status: Poor

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

super_rich_text
Dart 3 compatible 👍 33
Maintenance Status: Poor

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

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 👍 5
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
👍 23
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.