Awesome GitHub RepositoriesCross-Framework UI Libraries

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

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.

Dieses Projekt ist ein framework-übergreifender Media-Player und Komponenten-Wrapper, der die Video.js-Engine in Vue 3- und React-Umgebungen integriert. Es bietet eine einheitliche Wiedergabeimplementierung, die es Entwicklern ermöglicht, einen anpassbaren Videoplayer mittels einer deklarativen API in Webanwendungen einzubetten. Die Bibliothek fungiert als reaktive Schnittstelle, die den internen Wiedergabezustand und die Ereignisse der Media-Engine mit dem reaktiven Zustandsmanagement des Host-Frameworks synchronisiert. Dies gewährleistet ein konsistentes Player-Verhalten und eine einheitliche Logik über verschiedene Frontend-Bibliotheken hinweg durch eine gemeinsame Komponentenabstraktion. Sie deckt ein breites Spektrum an Funktionen ab, einschließlich der Verwaltung der Wiedergabezustandsüberwachung, der Konfiguration erweiterter Player-Einstellungen und der Integration von Drittanbieter-Plugins für erweiterte Funktionalität. Zudem unterstützt sie die Erstellung benutzerdefinierter UI-Steuerelemente, die mit der internen API des Players interagieren.

Effector is a reactive state management library and data flow orchestrator designed for building complex, event-driven applications. It models application logic as a directed acyclic graph, where state updates and asynchronous side effects propagate automatically through declarative pipelines. By decoupling business logic from user interface layers, it allows developers to maintain state in independent containers that communicate via standard interfaces, ensuring the system remains framework-agnostic. The library distinguishes itself through its robust support for isolated execution scopes, w

mdui is a framework-agnostic UI library and design system based on Material Design 3 standards. It provides a comprehensive set of reusable interface elements implemented as native Web Components, ensuring compatibility across different JavaScript frameworks. The library features a sophisticated theming system that supports light and dark modes, as well as the ability to generate dynamic color palettes from seed colors or image sources. It distinguishes itself with a high level of flexibility in visual customization, using CSS custom properties to control design tokens such as typography, cor

WTM ist ein Entwicklungs-Framework für den Aufbau von Enterprise-Server- und Client-Anwendungen mit .NET Core. Es fungiert als Tool für die schnelle Anwendungsentwicklung (RAD), das eine Reihe von Generatoren und Assistenten bereitstellt, um die Erstellung von Projektstrukturen und Boilerplate-Code zu automatisieren. Das Framework enthält einen Low-Code-UI-Builder, der eine gemeinsame Bibliothek von Steuerelementen nutzt, um Formulare, Raster und Dialoge über mehrere Frontend-Bibliotheken hinweg zu erstellen. Es automatisiert die Entwicklung weiter durch vorlagenbasierte Codegenerierung und einen konfigurationsgesteuerten Assistenten für das Projekt-Bootstrapping. Das System handhabt das Enterprise-Datenmanagement durch eine Datenimport-Engine für Tabellenkalkulationsdateien und eine standardisierte Orchestrierung für Paging und Batch-Verarbeitung. Der Zugriff auf Daten und Seiten wird über ein rollenbasiertes Zugriffskontrollsystem zur Regulierung von Benutzern, Rollen und Gruppen verwaltet.

Vuera ist eine Kompatibilitätsschicht und Interoperabilitätsbrücke, die entwickelt wurde, um gemeinsames Rendering zwischen Vue und React zu ermöglichen. Sie bietet eine Reihe von Wrappern, mit denen Komponenten aus einem Framework in das jeweils andere eingebettet und gerendert werden können. Das Projekt konzentriert sich auf die komponentenübergreifende Integration, was die Koexistenz beider Frameworks innerhalb eines einzigen Projekts ermöglicht. Dies unterstützt die Nutzung gemeinsamer UI-Bibliotheken über verschiedene Ökosysteme hinweg und erleichtert die schrittweise Migration zwischen Vue und React. Das System handhabt die Übertragung verschachtelter Elemente durch das Mapping von Slots und Children-Properties zwischen den beiden Frameworks. Zudem verwaltet es den Austausch von Komponenten und das Content-Mapping, um strukturelle Layouts beizubehalten.

Park UI is a collection of accessible, pre-styled interface components designed for consistent design across multiple JavaScript frameworks. It functions as a cross-framework user interface kit that provides functional logic and styling hooks for building inclusive web applications. The library utilizes a headless component architecture that delegates state and accessibility logic to a decoupled engine, allowing for flexible styling. By employing a framework-agnostic approach, it ensures that interface elements maintain a unified design language and reliable behavior across various developmen

Animate Components ist ein Motion-Framework, das eine Sammlung deklarativer Primitive für die Verwaltung visueller Übergänge und Animationssequenzen innerhalb von Webanwendungen bereitstellt. Es fungiert als komponentenbasierte Bibliothek, die darauf ausgelegt ist, Bewegungsverhalten zu standardisieren und sicherzustellen, dass sich Interface-Elemente konsistent über verschiedene Teile eines Projekts hinweg bewegen und überblenden. Die Bibliothek zeichnet sich durch eine framework-neutrale Architektur aus, die Animationslogik mit verschiedenen Komponentenmodellen verbindet. Durch eine deklarative Schnittstelle ermöglicht sie Entwicklern, komplexe Bewegungsmuster zu komponieren und das Timing mit Komponenten-Lebenszyklen zu synchronisieren. Dieser Ansatz stellt sicher, dass visuelle Übergänge eng mit dem Rendering-Prozess gekoppelt sind und das Unmounting von Elementen nach Abschluss einer Animationssequenz automatisch handhaben, um eine saubere Dokumentstruktur zu wahren. Über die Kern-Orchestrierungsfunktionen hinaus enthält das Projekt Tools zur Generierung eigenständiger Style-Definitionen. Diese Keyframe-Generatoren ermöglichen den Export von Bewegungsmustern zur Verwendung mit externen Styling-Bibliotheken und CSS-in-JS-Lösungen, was ein konsistentes visuelles Branding über diverse Entwicklungsumgebungen hinweg erleichtert.