1. Select2

Un sostituto basato su jQuery per le caselle di selezione, che supporta la ricerca, il tagging, set di dati remoti, lo scrolling infinito e molte altre opzioni molto utilizzate.

Supporto per Framework:

  • React: Supporto indiretto tramite wrapper come react-select2-wrapper.
  • Angular: Integrazione possibile tramite direttive o wrapper di terze parti.
  • Vue.js: Sono disponibili wrapper come vue-select2.

Stelle su Github: 26.000+

Download Settimanali NPM: ~597.343

Dimensione del Bundle: Circa 27 KB (minificato)

Prima Release: Marzo 2012

Ultima Release: 28 Gennaio 2020 (v4.0.13)

Sito Web: https://select2.org

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

Demo Live:

Un Selettore di Fuso Orario Ricercabile e Raggruppato con Select2

2. Choices.js

Choices.js è una libreria JavaScript leggera e senza dipendenze per creare dropdown personalizzabili, input di tag e campi di completamento automatico. Offre grande flessibilità, styling moderno e accessibilità, rendendola perfetta per migliorare i moduli senza fare affidamento su jQuery.

Supporto per Framework:

  • React: Può essere integrato con wrapper personalizzati.
  • Angular: Integrazione possibile tramite direttive.
  • Vue.js: Può essere integrato con componenti personalizzati.

Stelle su GitHub: 6.400+

Download Settimanali NPM: ~179.897

Dimensione del Bundle: circa 78 KB (minificato)

Prima Release: Ottobre 2016

Ultima Release: Febbraio 2025 (v11.0.6)

Sito Web: https://choices-js.github.io/Choices

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

Demo Live:

Un Selettore di Fuso Orario Ricercabile e Raggruppato con Choices.js

3. Tom Select

Tom Select è una libreria JavaScript leggera e ricca di funzionalità per creare caselle di selezione personalizzabili, input di completamento automatico e input di tag. Supporta il caricamento di dati remoti, la navigazione tramite tastiera e la selezione multipla, rendendola una grande alternativa a Select2 con un design moderno e senza dipendenze.

Supporto per Framework:

  • React: Wrapper ufficiale per React disponibile.
  • Angular: Integrazione possibile tramite direttive personalizzate.
  • Vue.js: Wrapper ufficiale per Vue disponibile.

Stelle su GitHub: 1.800+

Download Settimanali NPM: ~91.842

Dimensione del Bundle: circa 53 KB (minificato)

Prima Release: Novembre 2020

Ultima Release: Febbraio 2025 (v2.4.3)

Sito Web: https://tom-select.js.org/

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

Demo Live:

Un Selettore di Fuso Orario Ricercabile e Raggruppato con Tom Select

4. React Select

React-Select è una libreria dropdown bella, flessibile e altamente personalizzabile per React. Supporta opzioni ricercabili, asincrone, multi-selezione e raggruppate, rendendola perfetta per gestire grandi set di dati. Con accessibilità integrata e tematizzazione, è una scelta ideale per le moderne applicazioni React.

Supporto per Framework:

  • React: Specificamente progettato per le applicazioni React.

Stelle su GitHub: 27.900+

Download Settimanali NPM: ~4.328.556

Prima Release: Novembre 2020

Ultima Release: Luglio 2018 (react-select@5.10.1)

Sito Web: https://react-select.com

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

Demo Live:

Un Selettore di Fuso Orario Ricercabile e Raggruppato con React Select

5. Downshift

Downshift è una libreria leggera, headless per dropdown e completamento automatico per React. Fornisce componenti flessibili, accessibili e personalizzabili per costruire caselle di selezione, input di completamento automatico e combobox senza imporre alcuno stile. Perfetta per gli sviluppatori che vogliono il pieno controllo sull'interfaccia utente garantendo al contempo l'accessibilità WAI-ARIA.

Supporto per Framework:

  • React: Specificamente progettato per le applicazioni React.

Stelle su GitHub: 12.200+

Download Settimanali NPM: ~1.335.528

Prima Release: Agosto 2017

Ultima Release: Agosto 2024 (v9.0.8)

Sito Web: https://www.downshift-js.com

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

Demo Live: