react-mentions VS react-tokeninput

Compare react-mentions vs react-tokeninput and see what are their differences.

react-mentions

@mention people in a textarea (by signavio)
UI Components Type Select React Mentions Tags inline-styles
Source Code
react-mentions.vercel.app
Suggest alternative
Edit details

react-tokeninput

Tokeninput component for React (by instructure-react)
UI Components Type Select
Source Code
instructure-react.github.io
Suggest alternative
Edit details
SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
Our great sponsors
react-mentions react-tokeninput
2 -
2,343 147
2.2% 0.7%
5.9 0.0
8 days ago over 5 years ago
JavaScript JavaScript
GNU General Public License v3.0 or later MIT License
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-mentions

Posts with mentions or reviews of react-mentions. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-12-30.
  • Adding #Hashtags and @Mentions
    2 projects | /r/SwiftUI | 30 Dec 2022
    You could get some inspiration by looking at libraries in other languages. One is `react-mentions`. Check out its `MentionsInput` component. Extracting hashtags and "ats" is a substring problem. You could extract the hashtag or "at" string and save it to some ObservableObject in your view or ViewModel. For the networking side, you could listen to published changes to that ObservableObject and update other state variables as a result.
  • Need suggestions for Facebook-like mentions and hashtags with MUI
    5 projects | /r/reactjs | 16 Nov 2021
    React Mentions - this is the only one I've tried so far and couldn't find an intuitive way to apply MUI styling

react-tokeninput

Posts with mentions or reviews of react-tokeninput. We have used some of these posts to build our list of alternatives and similar projects.

We haven't tracked posts mentioning react-tokeninput yet.
Tracking mentions began in Dec 2020.

What are some alternatives?

When comparing react-mentions and react-tokeninput you can also consider the following projects:

react-autocomplete-input - Autocomplete input field for React

react-tagsinput - Highly customizable React component for inputing tags.

react-tag-input - A fantastically simple tagging component for your projects

React Tag Autocomplete - ⚛️ Legacy repo for the fantastically simple tagging component for your React projects (legacy repo)

quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.

mentions - React Mentions

ProseMirror - The ProseMirror WYSIWYM editor

react-color - :art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

react-mentions vs react-autocomplete-input react-tokeninput vs react-tagsinput react-mentions vs react-tag-input react-tokeninput vs react-tag-input react-mentions vs React Tag Autocomplete react-tokeninput vs React Tag Autocomplete react-mentions vs quill react-tokeninput vs react-autocomplete-input react-mentions vs mentions react-mentions vs react-tagsinput react-mentions vs ProseMirror react-mentions vs react-color