Awesome GitHub RepositoriesFramework-Native Component Libraries

Bootstrap-vue is a Vue.js UI framework and component library that integrates Bootstrap CSS styling and utility classes into a component-driven development workflow. It provides a set of pre-styled interface elements and layout patterns designed for building responsive web user interfaces. The library functions as a bridge between Bootstrap and Vue.js, allowing developers to create responsive web layouts and reusable frontend components such as navbars, alerts, and modals. It focuses on bringing Bootstrap's design system into a Vue.js application environment. The framework covers core capabil

Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.

vue-video-player ist eine Wrapper-Komponente zur Integration einer anpassbaren Videowiedergabe-Schnittstelle in Vue- und React-Anwendungen unter Verwendung des Video.js-Frameworks. Sie bietet ein standardisiertes System zur Einbettung von Videoplayern in eine reaktive UI-Schicht. Das Projekt handhabt die Konfiguration des Video-Erscheinungsbilds, einschließlich der Verwaltung von Poster-Bildern, Seitenverhältnissen und responsiven, fluiden Layouts zur Anpassung an verschiedene Bildschirmgrößen. Es bietet Mechanismen zur Verwaltung von Wiedergabeeigenschaften wie Lautstärke, Geschwindigkeit, Autoplay- und Mute-Status. Das System enthält Werkzeuge zur Überwachung von Wiedergabemeilensteinen und Systemereignissen sowie ein Zustandsobjekt, das Echtzeitdaten zu Wiedergabezeit, Dauer und Status verfolgt.

wux-weapp ist eine komponentenbasierte UI-Bibliothek, die speziell für die WeChat-Mini-Program-Umgebung entwickelt wurde. Sie bietet eine Sammlung standardisierter, wiederverwendbarer und erweiterbarer Bausteine, um konsistente Layouts und Interaktionen über mobile Anwendungsseiten hinweg zu erstellen. Das Framework fungiert als plattformübergreifendes Interface-Kit, das die Standardisierung von Frontend-Interfaces und einen schnellen Prototyping-Workflow ermöglicht. Es erlaubt die Konstruktion professioneller mobiler UI-Designs durch die Verwendung vorgestylter visueller Elemente, anstatt benutzerdefinierte Styles und Logik von Grund auf neu zu schreiben. Die Bibliothek integriert eine BEM-basierte Style-Namenskonvention und CSS-Variablen-Theming zur Verwaltung des visuellen Erscheinungsbilds. Sie nutzt ein Prop-getriebenes Konfigurationsmodell und Wrapper für benutzerdefinierte Komponenten, um native WeChat-Mini-Program-Komponenten zu erweitern und gleichzeitig die Präsentation von der Geschäftslogik zu entkoppeln.

react-blessed ist ein React-Renderer für die blessed-Bibliothek, der die Erstellung interaktiver Kommandozeilen-Interfaces mittels einer komponenten-basierten Architektur ermöglicht. Es fungiert als Terminal-UI-Framework, das einen virtuellen Komponentenbaum auf eine Terminal-Umgebung abbildet und es so erlaubt, blessed-Terminal-Widgets und Layout-Knoten über das deklarative State-Management von React zu steuern. Das System unterstützt die Integration benutzerdefinierter Renderer über eine dedizierte Erstellungsfunktion, um die Instanziierung von Knoten anzupassen. Es bietet Mechanismen, um über Referenzen auf ursprüngliche Terminal-Bibliotheksobjekte für manuelle Manipulationen zuzugreifen, und wandelt objektbasierte Style-Eigenschaften in Terminal-Formatierungsregeln um. Das Framework übernimmt die Übersetzung von Komponenten-Props in native Terminal-Event-Listener für Tastatur- und Mausinteraktionen. Es bietet einen strukturierten Workflow für das Design von Terminal-Layouts und das Lifecycle-Management von Kommandozeilen-Interfaces.

mescroll ist eine JavaScript-Bibliothek für Infinite-Scroll und ein mobiler Web-Scroll-Manager, der darauf ausgelegt ist, Pull-to-Refresh- und Pull-up-Loading-Muster zu implementieren. Sie bietet ein System für den Umgang mit Touch-basiertem Scrollen, die Verwaltung von Paginierungszuständen und die Integration dieser Verhaltensweisen in Vue-Anwendungen. Die Bibliothek zeichnet sich durch spezialisierte Unterstützung für Chat-Oberflächen aus, die das Laden von Daten in umgekehrter Reihenfolge und das Einfügen von Daten in umgekehrter Richtung ermöglichen, um Nachrichtenverläufe zu simulieren. Sie enthält zudem einen zustandspersistenten Scroll-Cache, um vertikale Offsets und Listendaten zu bewahren, wenn Benutzer zwischen verschiedenen Ansichten navigieren. Das Projekt deckt ein breites Spektrum an Interaktions- und Performance-Funktionen ab, einschließlich der Unterdrückung des nativen Browser-Rubber-Bandings, Viewport-bewusstem Lazy-Loading von Bildern und programmatischer Scroll-Positionierung. Es bietet zudem Dienstprogramme zur Verwaltung von Paginierungszuständen, zur Anpassung der UI für Lade- und Leerzustände sowie zur Implementierung der Back-to-Top-Navigation.