react-tag-input VS react-mentions

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

react-tag-input

A fantastically simple tagging component for your projects (by prakhar1989)
UI Components Type Select React react-tags Autocomplete JavaScript Dragdrop HacktoberFest hacktoberfest2023
Source Code
stackblitz.com
Suggest alternative
Edit details

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
SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors
react-tag-input react-mentions
4 2
1,453 2,343
0.5% 1.9%
5.3 5.9
12 days ago 4 days ago
TypeScript JavaScript
MIT License GNU General Public License v3.0 or later
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-tag-input

Posts with mentions or reviews of react-tag-input. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2022-10-24.
  • Building a Notion-like system with Socket.io And React 😍
    5 projects | dev.to | 24 Oct 2022
  • Learning Open Source Community
    1 project | dev.to | 20 Oct 2022
    After I sent my first PR to open source project, I searched through another projects. Since I experienced that it takes some time to find right issues for me, and I need to communicate with maintainer to get an ok to proceed. So, I expressed my intention in some of repos that I could try. The responses were quicker than I thought. I received the first response from react-tags. And the rest of responses didn't take more than a day. So I started working on one of issue from react-tags.
  • Create tags in React
    1 project | dev.to | 7 Apr 2022
    Tags are the keywords associated to a piece of information. Tags are often used on social websites, email systems, blogs where users can upload their own content. They are separated by comma or enter. Here we will create tags in react applications with the help of react-tag-input component.

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

What are some alternatives?

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

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

react-autocomplete-input - Autocomplete input field for React

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.

react-tokeninput - Tokeninput component for React

mentions - React Mentions

react-typeahead-component - Typeahead, written using the React.js library.

novu - 🔥 The open-source notification infrastructure with fully functional embedded notification center 🚀🚀🚀

react-tag-input vs react-tagsinput react-mentions vs react-autocomplete-input react-tag-input vs react-autocomplete-input react-mentions vs React Tag Autocomplete react-tag-input vs React Tag Autocomplete react-mentions vs quill react-tag-input vs react-tokeninput react-mentions vs mentions react-tag-input vs react-typeahead-component react-mentions vs react-tokeninput react-tag-input vs novu react-mentions vs react-tagsinput