Awesome GitHub RepositoriesWeb Component Libraries

Wired-elements ist eine Web-Component-Bibliothek mit handgezeichnetem Stil, die eine Sammlung stilisierter HTML-Elemente für den Aufbau von Wireframes und Mockups bereitstellt. Sie dient als Wireframing-UI-Framework, das die Erstellung von Low-Fidelity-Prototypen mit einer skizzenhaften, manuellen Ästhetik ermöglicht. Die Bibliothek bietet Komponenten für handgezeichnetes Webdesign und schnelles UI-Prototyping. Diese Elemente sind darauf ausgelegt, Low-Fidelity-Wireframing zu unterstützen, um Benutzeroberflächen zu planen und Layouts vor der High-Fidelity-Entwicklung zu testen. Das Projekt nutzt eine Web-Component-Architektur mit SVG-basierten Vektorgrafiken, um einen konsistenten handgezeichneten Look beizubehalten. Es unterstützt die Integration in verschiedene JavaScript-Frameworks und nutzt CSS-Variablen für das Theming von Strichstärken und Farben.

ngx-bootstrap ist ein Set von Bootstrap-gestylten UI-Widgets und Komponenten, die speziell für das Angular-Framework gebaut wurden. Es bietet eine Bibliothek wiederverwendbarer Interface-Elemente, die für die Arbeit mit der Angular-Ivy-Kompilierungs- und Rendering-Engine konzipiert sind. Die Bibliothek ermöglicht die Integration von Bootstrap-Komponenten in Angular-Anwendungen, um reaktionsschnelle Benutzeroberflächen ohne manuelle CSS- oder JavaScript-Arbeit zu erstellen. Sie ersetzt die Notwendigkeit für jQuery durch die Verwendung von Angular-Direktiven für das Zustandsmanagement und eine adaptive Positionierungs-Engine für schwebende Elemente. Das Komponentenset deckt eine breite Palette interaktiver Elemente ab, einschließlich Navigationskontrollen wie Tabs und Paginierung, Overlay-Fenster wie Modals und Popovers sowie Dateneingabetools wie Datums- und Zeitauswahlen. Es enthält zudem Layout- und Feedback-Widgets wie Akkordeons, Fortschrittsbalken und Alerts.

Dies ist ein ASP.NET Core UI-Framework und eine Blazor-Komponentenbibliothek für die Erstellung von Webanwendungen. Es bietet eine Sammlung wiederverwendbarer UI-Bausteine und standardisierter Webkomponenten, die auf dem Fluent UI Design System basieren. Das Toolkit verfügt über ein Design-Token-System zur Anpassung visueller Stile und Personalisierung, um die Schnittstellenkonsistenz zu wahren. Es enthält eine leistungsstarke Data-Grid-Komponente, die in der Lage ist, große Datensätze zu rendern, die asynchron von Remote-API-Quellen abgerufen werden. Das Framework deckt eine breite Palette an Interface-Anforderungen ab, einschließlich eines zentralen Benachrichtigungssystems für Toasts, Tooltips und Dialogfelder. Es bietet zudem integrierte Unterstützung für System-Icons und Emojis, um eine kohärente visuelle Sprache und Barrierefreiheit in der gesamten Anwendung zu gewährleisten.