1. Select2

Uma substituição baseada em jQuery para caixas de seleção, suportando pesquisa, tagging, conjuntos de dados remotos, rolagem infinita e muitas outras opções muito utilizadas.

Suporte a Frameworks:

  • React: Suporte indireto através de wrappers como react-select2-wrapper.
  • Angular: Integração possível via diretivas ou wrappers de terceiros.
  • Vue.js: Wrappers como vue-select2 estão disponíveis.

Estrelas no Github: 26.000+

Downloads Semanais no NPM: ~597.343

Tamanho do Bundle: Aproximadamente 27 KB (minificado)

Primeiro Lançamento: Março de 2012

Último Lançamento: 28 de Janeiro de 2020 (v4.0.13)

Website: https://select2.org

Github: https://github.com/select2/select2

Demo Ao Vivo:

Um Seletor de Fuso Horário Pesquisável e Agrupado com Select2

2. Choices.js

Choices.js é uma biblioteca JavaScript leve e sem dependências para criar dropdowns multi-selecionáveis, entradas de tags e campos de autocomplete personalizáveis. Oferece grande flexibilidade, estilo moderno e acessibilidade, tornando-a perfeita para aprimorar formulários sem depender do jQuery.

Suporte a Frameworks:

  • React: Pode ser integrado com wrappers personalizados.
  • Angular: Integração possível via diretivas.
  • Vue.js: Pode ser integrado com componentes personalizados.

Estrelas no GitHub: 6.400+

Downloads Semanais no NPM: ~179.897

Tamanho do Bundle: aproximadamente 78 KB (minificado)

Primeiro Lançamento: Outubro de 2016

Último Lançamento: Fevereiro de 2025 (v11.0.6)

Website: https://choices-js.github.io/Choices

Github: https://github.com/Choices-js/Choices

Demo Ao Vivo:

Um Seletor de Fuso Horário Pesquisável e Agrupado com Choices.js

3. Tom Select

Tom Select é uma biblioteca JavaScript leve e rica em recursos para criar caixas de seleção personalizáveis, entradas de autocomplete e entradas de tags. Suporta carregamento de dados remotos, navegação por teclado e multi-seleção, tornando-se uma ótima alternativa ao Select2 com um design moderno e sem dependências.

Suporte a Frameworks:

  • React: Wrapper oficial disponível.
  • Angular: Integração possível através de diretivas personalizadas.
  • Vue.js: Wrapper oficial disponível.

Estrelas no GitHub: 1.800+

Downloads Semanais no NPM: ~91.842

Tamanho do Bundle: aproximadamente 53 KB (minificado)

Primeiro Lançamento: Novembro de 2020

Último Lançamento: Fevereiro de 2025 (v2.4.3)

Website: https://tom-select.js.org/

Github: https://github.com/orchidjs/tom-select

Demo Ao Vivo:

Um Seletor de Fuso Horário Pesquisável e Agrupado com Tom Select

4. React Select

React-Select é uma biblioteca de dropdowns bonita, flexível e altamente personalizável para React. Suporta opções pesquisáveis, assíncronas, multi-seleção e agrupadas, tornando-a perfeita para lidar com grandes conjuntos de dados. Com acessibilidade e temas integrados, é uma escolha ideal para aplicações modernas em React.

Suporte a Frameworks:

  • React: Especificamente projetado para aplicações React.

Estrelas no GitHub: 27.900+

Downloads Semanais no NPM: ~4.328.556

Primeiro Lançamento: Novembro de 2020

Último Lançamento: Julho de 2018 (react-select@5.10.1)

Website: https://react-select.com

Github: https://github.com/JedWatson/react-select

Demo Ao Vivo:

Um Seletor de Fuso Horário Pesquisável e Agrupado com React Select

5. Downshift

Downshift é uma biblioteca leve, sem cabeça, de dropdown e autocomplete para React. Ela fornece componentes flexíveis, acessíveis e personalizáveis para construir caixas de seleção, entradas de autocomplete e comboboxes sem impor estilos. Perfeita para desenvolvedores que desejam total controle sobre a interface enquanto garantem acessibilidade WAI-ARIA.

Suporte a Frameworks:

  • React: Especificamente projetado para aplicações React.

Estrelas no GitHub: 12.200+

Downloads Semanais no NPM: ~1.335.528

Primeiro Lançamento: Agosto de 2017

Último Lançamento: Agosto de 2024 (v9.0.8)

Website: https://www.downshift-js.com

Github: https://github.com/downshift-js/downshift

Demo Ao Vivo: