Awesome GitHub RepositoriesCross-Framework Components

OpenUI is an AI design sandbox and natural language prototyping tool used to generate and render live user interface components from text descriptions. It functions as an LLM UI generator that translates natural language into executable HTML and CSS code. The system provides a pipeline for iterative refinement, allowing users to update existing interfaces by feeding previous code versions and new instructions back into the model. It also acts as a frontend framework converter, transforming HTML markup into different library formats to maintain styling consistency across various web frameworks

This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

BlockSuite is a collaborative block editor framework built on a hierarchical block tree data model with CRDT-based state synchronization for real-time multi-user editing. It provides an extensible block component system, allowing developers to define custom block types through declarative schemas, services, and rendering components. The editor is packaged as cross-framework web components, making it embeddable in any JavaScript environment. The framework distinguishes itself with a command-driven editing pipeline that composes type-safe editing actions with dynamic context sharing and control

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.

Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes