Awesome GitHub RepositoriesKeyboard-Accessible Dropdowns

Melt UI est une bibliothèque d'interface utilisateur headless pour Svelte qui fournit une collection de constructeurs de composants accessibles et non stylisés. Il fonctionne comme un framework de composants accessibles et un outil de gestion d'état, offrant la logique et l'état nécessaires pour construire des éléments d'interface qui respectent les normes WAI-ARIA et prennent en charge la navigation au clavier sans imposer de styles visuels spécifiques. La bibliothèque dispose d'un moteur de positionnement d'éléments flottants qui gère le placement des popovers, tooltips et menus par rapport aux éléments déclencheurs. Ce système utilise des portails pour éviter le découpage de la mise en page et intègre une prévention automatique du débordement pour garantir que les éléments restent dans les limites de l'écran. L'ensemble d'outils couvre une large gamme de composants UI fonctionnels, y compris des éléments de formulaire comme les comboboxes et sliders, des modèles de navigation tels que les tree views et onglets, et des utilitaires d'overlay comme les modales de dialogue. Il fournit également des interfaces spécialisées pour la sélection de date et d'heure, ainsi que des composants de mise en page comme les accordéons et barres d'outils.

This project is a collection of pre-built, reusable interface components designed for web applications that utilize StimulusJS and TailwindCSS. It functions as a frontend interaction framework, providing a set of standard UI elements that manage state and user behavior through declarative controller patterns. The library distinguishes itself by integrating utility-first styling with accessible component authoring. It leverages HTML attributes to bind JavaScript logic directly to DOM elements, enabling developers to implement complex interactions like modals, dropdowns, and tabbed content with