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 Feb 14 2023
Table Of Contents:
React Multiple Select Components:
1. react-multi-select-component
Simple and lightweight multiple selection dropdown component with checkboxes, search, and select-all.
2. React Responsive Select Component
A customisable, touchable, React single-select / multi-select form control. Built with keyboard and screen reader accessibility in mind.
3. react-dnd-multiple-selection
Implements multiple selection drag and drop using the react-dnd library and react hooks.
4. 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.
5. React-Search-Multi-Select
A simple customisable React component with Select/Multi Select and Search.
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-multi-selectbox
Platform independent (Android / iOS) Selectbox | Picker | Multi-select | Multi-picker. The idea is to bring out the common user-interface & user-experience on both platforms.
4. Stylish Multi Select Component For React Native
An easy, customizable, and animated Multiple Select Library for React Native to select multiple options from a stylish popup.
2. Multi-select Button Component For React Native
A React Native component to create single or multi-select buttons just like select or radio button elements.
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