Awesome GitHub RepositoriesMetadata-Driven Component Libraries

Tabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou

Amis is a JSON-driven UI framework and low-code page builder used to generate complex administrative interfaces from schema configurations. It functions as an administrative interface generator that renders web pages and data-entry forms using declarative JSON specifications to eliminate manual component coding. The framework utilizes a schema-driven component library where reusable UI elements are instantiated and managed through structured data definitions. This approach enables a rapid prototyping workflow by allowing interface designs and layouts to be modified via schema files without re

form-render es un framework de UI basado en esquemas que traduce definiciones JSON estructuradas en diseños administrativos funcionales, formularios web interactivos y visualizaciones de datos. Sirve como un sistema para renderizar componentes y lógica de validación basada en esquemas declarativos en lugar de código imperativo manual. El framework incluye un generador de formularios basado en JSON y un componente de tabla de datos que transforma datos estructurados en interfaces buscables y ordenables. También cuenta con un motor de visualización que renderiza gráficos de datos a partir de esquemas de configuración simplificados y un editor visual para diseñar diseños de formularios y definiciones de campos. El sistema cubre amplias áreas de capacidad, incluyendo el renderizado dinámico de tablas de datos, la validación de entrada basada en esquemas y la generación de informes visuales de datos mediante el mapeo de JSON a gráfico.

OpenUI es un framework de desarrollo de UI generativa que convierte descripciones en lenguaje natural en componentes de interfaz de usuario estructurados e interactivos utilizando modelos de lenguaje de gran tamaño. Permite la transformación en tiempo real de texto en prototipos funcionales como gráficos, tablas, formularios y tarjetas. El proyecto se distingue por un sistema de orquestación basado en esquemas que utiliza primitivas de UI tipadas y esquemas JSON para restringir la salida del modelo, asegurando que las interfaces generadas se adhieran a bibliotecas de componentes específicas. Cuenta con un analizador de streaming que permite el renderizado progresivo de componentes, mostrando elementos de interfaz incrementalmente a medida que llegan los tokens en lugar de esperar una respuesta completa. El sistema cubre capacidades amplias, incluyendo streaming de respuestas de IA a través de adaptadores compatibles con OpenAI, gestión del estado del chat para hilos de conversación y la generación automatizada de prompts del sistema. También incluye herramientas para transformar árboles de componentes estructurados en HTML estático para exportación por correo electrónico y una interfaz de línea de comandos para el andamiaje (scaffolding) de proyectos. Se proporciona un renderizador de UI embebido para mostrar interfaces en entornos sin una tubería de construcción tradicional.

json-editor es un generador de UI basado en esquemas y editor basado en web que crea automáticamente formularios HTML interactivos a partir de definiciones de JSON Schema. Funciona como una herramienta para recolectar, modificar y validar datos estructurados mapeando especificaciones de esquema a componentes de entrada correspondientes. El proyecto se distingue por una arquitectura de entrada plug-in y mapeo de componentes basado en resolvedores, que permiten la inyección de editores de terceros e interfaces de entrada personalizadas para tipos de datos especializados como markdown, colores y código con resaltado de sintaxis. También soporta la resolución de esquemas externos vía URLs y enlaces de hyper-schema para integrar modelos de datos remotos y documentos relacionados. El sistema cubre una gestión integral del diseño de formularios, incluyendo arreglos de cuadrícula y configuraciones de arrays, junto con lógica condicional para campos dependientes y población dinámica de enums. Proporciona un motor de validación que aplica tanto restricciones de esquema estandarizadas como reglas de negocio personalizadas, mientras soporta la localización de cadenas de UI e integración con frameworks CSS externos.

rxeditor is an HTML low-code visual editor and frontend framework designed for building web applications through a visual interface. It functions as a platform for creating user interfaces using a drag-and-drop layout builder that generates standard web markup. The project includes a visual logic engine that allows for the definition of application behavior and the automation of complex frontend workflows. This graphical programming interface enables the orchestration of functional business logic without requiring manual coding. The system supports rapid prototyping workflows and low-code fr

Cyclops is a Helm template orchestrator and management interface used to configure and deploy containerized applications to Kubernetes clusters. It serves as a deployment tool that abstracts complex infrastructure configurations into simplified inputs, allowing users to manage applications through a dedicated user interface. The project differentiates itself by using schema-driven form generation and metadata-driven UI rendering to create self-service deployment portals. These interfaces are generated by parsing template files and their associated schemas, mapping specific attributes to visua

This project is a schema-based form generator for Vue.js that constructs interactive user interfaces by parsing structured data configurations. It automates the creation of form layouts, data binding, and field rendering, eliminating the need for manual template creation for individual forms. The system distinguishes itself through a registry-based architecture that allows for the integration of custom input components. By mapping specialized field types to the generation engine, developers can extend the library to handle unique data types or complex interface requirements that fall outside

This project is a declarative state manager and component library for building complex, interactive forms in React applications. It provides a framework for constructing form interfaces by mapping structured data schemas to modular UI components, ensuring that input state and data integrity are handled consistently across an application. The library distinguishes itself through a schema-driven approach that decouples form structure from rendering logic. By utilizing centralized validation middleware and configuration-based styling, it allows developers to enforce business rules and maintain v