1. Select2

Un remplacement basé sur jQuery pour les boîtes de sélection, prenant en charge la recherche, le tagging, les ensembles de données distants, le défilement infini et de nombreuses autres options très utilisées.

Support des Frameworks:

  • React: Support indirect via des wrappers comme react-select2-wrapper.
  • Angular: Intégration possible via des directives ou des wrappers tiers.
  • Vue.js: Des wrappers comme vue-select2 sont disponibles.

Étoiles Github: 26,000+

Téléchargements Hebdomadaires NPM: ~597,343

Taille du Bundle: Environ 27 Ko (minifié)

Première Version: Mars 2012

Dernière Version: 28 Janvier 2020 (v4.0.13)

Site Web: https://select2.org

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

Démo en Direct:

Un sélecteur de fuseau horaire groupé et recherché avec Select2

2. Choices.js

Choices.js est une bibliothèque JavaScript légère et sans dépendances pour créer des dropdowns multi-sélectionnables, des entrées de tags et des champs d'autocomplétion personnalisables. Elle offre une grande flexibilité, un style moderne et une accessibilité, ce qui la rend parfaite pour améliorer les formulaires sans dépendre de jQuery.

Support des Frameworks:

  • React: Peut être intégré avec des wrappers personnalisés.
  • Angular: Intégration possible via des directives.
  • Vue.js: Peut être intégré avec des composants personnalisés.

Étoiles GitHub: 6,400+

Téléchargements Hebdomadaires NPM: ~179,897

Taille du Bundle: environ 78 Ko (minifié)

Première Version: Octobre 2016

Dernière Version: Février 2025 (v11.0.6)

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

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

Démo en Direct:

Un sélecteur de fuseau horaire groupé et recherché avec Choices.js

3. Tom Select

Tom Select est une bibliothèque JavaScript légère et riche en fonctionnalités pour créer des boîtes de sélection personnalisables, des entrées d'autocomplétion et des entrées de tags. Elle prend en charge le chargement de données distantes, la navigation au clavier et la multi-sélection, ce qui en fait une excellente alternative à Select2 avec un design moderne et sans dépendances.

Support des Frameworks:

  • React: Wrapper React officiel disponible.
  • Angular: Intégration possible via des directives personnalisées.
  • Vue.js: Wrapper Vue officiel disponible.

Étoiles GitHub: 1,800+

Téléchargements Hebdomadaires NPM: ~91,842

Taille du Bundle: environ 53 Ko (minifié)

Première Version: Novembre 2020

Dernière Version: Février 2025 (v2.4.3)

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

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

Démo en Direct:

Un sélecteur de fuseau horaire groupé et recherché avec Tom Select

4. React Select

React-Select est une bibliothèque de dropdowns belle, flexible et hautement personnalisable pour React. Elle prend en charge les options recherchables, asynchrones, multi-sélectionnables et groupées, ce qui la rend parfaite pour gérer de grands ensembles de données. Avec une accessibilité intégrée et des thèmes, c'est un choix incontournable pour les applications React modernes.

Support des Frameworks:

  • React: Conçu spécifiquement pour les applications React.

Étoiles GitHub: 27,900+

Téléchargements Hebdomadaires NPM: ~4,328,556

Première Version: Novembre 2020

Dernière Version: Juillet 2018 (react-select@5.10.1)

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

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

Démo en Direct:

Un sélecteur de fuseau horaire groupé et recherché avec React Select

5. Downshift

Downshift est une bibliothèque légère, sans tête, de dropdown et d'autocomplétion pour React. Elle fournit des composants flexibles, accessibles et personnalisables pour construire des boîtes de sélection, des entrées d'autocomplétion et des comboboxes sans imposer de styles. Parfaite pour les développeurs qui souhaitent un contrôle total sur l'interface utilisateur tout en garantissant l'accessibilité WAI-ARIA.

Support des Frameworks:

  • React: Conçu spécifiquement pour les applications React.

Étoiles GitHub: 12,200+

Téléchargements Hebdomadaires NPM: ~1,335,528

Première Version: Août 2017

Dernière Version: Août 2024 (v9.0.8)

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

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

Démo en Direct: