Awesome GitHub RepositoriesComponent Libraries

Shoelace is a web component UI library consisting of a suite of accessible, framework-agnostic user interface elements. It provides a collection of custom element components and reusable HTML tags that encapsulate style and behavior to work across any JavaScript framework or plain HTML pages. The system is designed as a themable UI component system, utilizing CSS variables to manage visual themes and dark mode support. This allows for the implementation of custom design systems and a consistent visual language across web environments. The library covers broader capabilities in accessible int

Wired-elements is a hand-drawn web component library providing a collection of stylized HTML elements for building wireframes and mockups. It serves as a wireframing UI framework that enables the creation of low-fidelity prototypes with a sketchy, manual aesthetic. The library provides components for hand-drawn web design and rapid UI prototyping. These elements are designed to support low-fidelity wireframing to plan user interfaces and test layouts before high-fidelity development. The project utilizes a web component architecture with SVG-based vector graphics to maintain a consistent han

Wired Elements is a hand-drawn web component library and custom element UI kit. It provides a set of low-fidelity visual building blocks designed to produce a rough, non-polished aesthetic for early-stage design iterations. The framework enables the creation of rapid UI prototypes, low-fidelity wireframes, and conceptual UX mappings. It uses a sketched appearance to help focus iterations on layout and functionality rather than final visual polish. The library utilizes SVG-based path rendering and web component encapsulation to deliver its hand-drawn style. Visual states are managed through e

Ce projet est un framework d'interface utilisateur modulaire pour les applications Vue qui fournit une collection de composants réutilisables construits avec Tailwind CSS. Il fonctionne comme un outil de système de conception piloté par la configuration, permettant aux développeurs de maintenir une cohérence visuelle sur des applications complexes grâce à une gestion centralisée des thèmes et un style basé sur les utilitaires. La bibliothèque se distingue par une architecture hautement configurable qui prend en charge le mappage de style basé sur les variantes et la personnalisation des instances de composants. Les développeurs peuvent définir des valeurs par défaut globales ou créer plusieurs versions du même élément d'interface, permettant une commutation visuelle dynamique et des remplacements de propriétés spécifiques sans dupliquer le code. Cette approche garantit que les composants restent flexibles tout en adhérant à un langage de conception unifié. Le framework couvre un large éventail d'exigences d'interface, y compris des outils spécialisés pour la sélection de date et d'heure et la conception structurée de saisie de formulaire. Il met l'accent sur les performances en prenant en charge les optimisations au moment de la compilation, telles que l'importation sélective de composants et la suppression des définitions de style inutilisées, pour minimiser la taille finale du bundle de l'application.