Choices

Choices is a lightweight, vanilla JavaScript library that enhances HTML select elements and text inputs with a powerful, accessible, and customizable dropdown and tagging interface. The library transforms standard select boxes into searchable, multi-select dropdowns with features like placeholder text, item removal, and keyboard navigation. Choices supports single and multiple selection modes, dynamic option loading, custom templates, and extensive styling options through CSS. It provides accessibility features including ARIA attributes, keyboard navigation, and screen reader support for inclusive user experiences. The library is framework-agnostic, has no dependencies, and offers a simple API for programmatic control and event handling. Choices is particularly useful for creating tag inputs, autocomplete fields, and enhanced form controls with better user experience than native HTML selects. It's lightweight (around 46KB minified), performant with large option sets, and highly customizable to match any design system.