Tom Select
Tom Select is a lightweight JavaScript select box/dropdown plugin with autocomplete and many options. It is customizable, works well with large datasets, supports searching/filtering, and more. It aims to be a lightweight Select2 alternative.
Tom Select: Lightweight JavaScript Select Box/Dropdown Plugin
A customizable, high-performance select box/dropdown plugin with autocomplete, searching/filtering, and more, aiming to be a lightweight alternative to Select2.
What is Tom Select?
Tom Select is an open source JavaScript select box/dropdown plugin for replacing default select elements on the web. It is designed to be highly customizable, allowing developers to style, theme, and adapt it to their needs. Some of the key features of Tom Select include:
- Lightweight and minimal design
- Supports searching/filtering as you type
- Async/ajax loading support for large datasets
- Autocomplete suggestions
- Custom placeholder text while loading options
- Grouping select options with optgroups
- Works with multiple select
- Themes and plugins available for easy customization
- Support for accessibility (a11y), multi lingual
- No dependencies outside of core Vanilla JS
- Support on all major browsers
- Open source (MIT license), written in TypeScript
- Small size: around 12kb gzipped/minified
Tom Select was created as an alternative to heavier pickers like Select2 and Chosen, with more focus on speed, small size, and extensibility via plugins. It aims for a lightweight yet full-featured direction. As an open source project it allows contributors to build themes and plugins on top of the core.
Tom Select Features
Features
- Autocomplete/search functionality
- Supports large datasets
- Customizable look and feel
- Keyboard support
- Works with select, multi-select, and ajax selects
- Lightweight codebase
Pricing
- Open Source
Pros
Lightweight alternative to Select2
Good performance with large datasets
Lots of configuration options
Actively maintained
Good documentation
Cons
Less features than Select2
Less browser support than Select2
Less customizable than Select2
Smaller community than Select2
Official Links
Reviews & Ratings
Login to ReviewThe Best Tom Select Alternatives
Top Development and Javascript Libraries and other similar apps like Tom Select
Here are some alternatives to Tom Select:
Suggest an alternative ❐
Select2
Select2 is an open source jQuery-based replacement for standard select boxes. It was created to improve the user experience of select elements by enabling features like searching, remote datasets, and infinite scrolling.Some key features of Select2 include:Search - Users can search through options to quickly find what they needRemote data...
Selectr
Selectr is a user-friendly form and menu builder that makes it easy to create custom dropdowns, multi-select boxes, toggles, radio buttons and other UI components for websites and web applications. It uses a visual drag-and-drop editor that allows you to build forms and menus without writing any code.Some key features...
JQuery TokenInput
jQuery TokenInput is an open-source JavaScript plugin for the jQuery library. It transforms regular text input fields into flexible tag/token inputs that let users select from pre-populated or autocompleted suggestions. Some common uses are:Tagging - Allow users to select multiple tags or keywords from a predefined listTypeahead autocomplete - Offer...
Chosen
Chosen is a jQuery plugin that enhances standard select elements by making them more user-friendly and versatile. It was created by Patrick Filler for Harvest, and has become one of the most widely-used select enhancement tools.Some of the key features of Chosen include:Search - Users can search through long lists...
Selectize.js
Selectize.js is an open-source JavaScript library designed to make native HTML select elements more user-friendly and versatile. It replaces select boxes with an auto-complete text field that allows users to easily search for and select options. Some key features of Selectize.js include:Searchable dropdown - Users can filter through options by...
Bootstrap Multiselect
Bootstrap Multiselect is a flexible jQuery plugin that enables users to select multiple options from a dropdown menu. It is designed to work with Bootstrap CSS frameworks and seamlessly integrates with the styling and behavior of Bootstrap components.Some key features of Bootstrap Multiselect include:Search option to easily find optionsAbility to...
Tail.select
tail.select is a data pipeline observability platform designed to provide greater visibility and control over data workflows. It allows users to track the health and performance of data pipelines, set alerts when issues occur, and get actionable recommendations to resolve problems.Key features of tail.select include:Real-time monitoring of pipeline runs, including...