When you’re building a modern form UI on the application, you might need an enhanced multi select component to simplify the task of selecting multiple options from a select box.
In this post, you will find a list of the 10 best and most popular React & React Native multiple select components we found on the web. I hope you might find it useful.
Originally Published July 02 2020, updated July 14 2024
Table Of Contents:
React Multiple Select Components:
1. Multiple Selection Dropdown Component For React
A lightweight, zero-dependency, themeable multiple select component with support for check boxes, select all, and live search.
2. react-multi-select-advanced
The React Multi-select Advanced component is a powerful tool that can handle massive data sets without any struggle. It comes with various customizable features that make it very easy to use, so you can tailor it to your specific needs. Now it supports server side search.
3. react-multi-selection-ui
A pre-built, customizable Multi-Selection UI component with an integrated search feature
4. ReactJS-Multiselect-Dropdown
A feature rich select / dropdown / typeahead component built in ReactJS. It provides a default template that fits most use cases for a filterable multiselect dropdown.
5. react-tree-multi-select
A fast, highly customizable and feature-rich component that combines tree select, multi-select and simple select functionality into a single versatile solution.
React Native Multiple Select Components:
1. Sectioned Multi Select For React Native
A multi (or single) select component with support for sub categories, search, chips. It’s intended for long-ish lists, as it opens in a Modal (I might make this optional in the future).
2. Simple Multi-select Component For React Native
A simple multi select component for React Native.
3. react-native-tree-multi-select
Super-fast Tree view with multi-selection capabilities, using checkboxes and search filtering.
4. react-native-multi-select
A customizable react native component that lets you select multiple items.
5. react-native-button-multiselect
A versatile component designed for seamless integration of button-based multi-select functionality into React Native applications.
More Resources:
There’re lots of multi select libraries out there and you can find more React & React Native resources on our Multiple Select category.
To learn more about progress indicator on modern web & mobile development, here are a few resources available online:
- 10 Best Multiple Select Components For Vue.js App
- 10 Best Multiple Select Plugins In JavaScript
- 10 Best Multi Select Libraries For Angular