5 repositorios
UI components designed to work natively across multiple different frontend frameworks.
Distinct from Cross-Framework Component Distribution: Candidates focus on generation tools or embedding mechanisms rather than the property of being a cross-framework component.
Explore 5 awesome GitHub repositories matching user interface & experience · Cross-Framework Components. Refine with filters or upvote what's useful.
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
Generates markup that can be adapted across multiple frontend frameworks to maintain styling consistency.
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
Functions as a cross-framework component compatible with React, Vue, jQuery, and as a standalone web component.
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
Packages pre-built document and graphics editors as standard web components for use in any JavaScript framework.
Este proyecto es un reproductor de medios multiplataforma y un wrapper de componentes que integra el motor Video.js en entornos Vue 3 y React. Proporciona una implementación de reproducción unificada que permite a los desarrolladores embeber un reproductor de video personalizable en aplicaciones web mediante una API declarativa. La biblioteca actúa como una interfaz reactiva, sincronizando el estado de reproducción interno y los eventos del motor de medios con la gestión de estado reactiva del framework anfitrión. Esto garantiza un comportamiento y una lógica de reproductor consistentes en diferentes bibliotecas frontend mediante una abstracción de componentes compartida. Cubre una amplia gama de capacidades, incluyendo la gestión de la monitorización del estado de reproducción, la configuración de ajustes avanzados del reproductor y la integración de plugins de terceros para una funcionalidad extendida. También admite la creación de controles de interfaz de usuario personalizados que interactúan con la API interna del reproductor.
Provides UI components that function identically across both Vue 3 and React environments.
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
Offers identical component APIs and behavior across React, Solid, Vue, and Svelte for a unified design system.