9 dépôts
UI component collections that rely on HTML metadata attributes to define and trigger interactive behaviors.
Distinguishing note: Combines component styling with metadata-driven interactivity, distinct from standard component libraries that require manual JavaScript binding.
Explore 9 awesome GitHub repositories matching user interface & experience · Metadata-Driven Component Libraries. Refine with filters or upvote what's useful.
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
A collection of interactive UI elements that trigger complex JavaScript behaviors and state transitions through configuration attributes defined directly in HTML.
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
Offers a collection of reusable UI components managed through structured data definitions and a central registry.
form-render est un framework d'interface utilisateur piloté par schéma qui traduit des définitions JSON structurées en mises en page administratives fonctionnelles, formulaires web interactifs et visualisations de données. Il sert de système pour le rendu de composants et la logique de validation basés sur des schémas déclaratifs plutôt que sur du code impératif manuel. Le framework inclut un générateur de formulaires basé sur JSON et un composant de table de données qui transforme les données structurées en interfaces interrogeables et triables. Il dispose également d'un moteur de visualisation qui rend des graphiques de données à partir de schémas de configuration simplifiés et un éditeur visuel pour concevoir des mises en page de formulaires et des définitions de champs. Le système couvre de larges domaines de capacités, notamment le rendu dynamique de tables de données, la validation des entrées basée sur le schéma et la génération de rapports de données visuels via le mappage JSON-vers-graphique.
Translates JSON configuration objects into a tree of functional UI components and input fields at runtime.
OpenUI est un framework de développement d'interface utilisateur générative qui convertit les descriptions en langage naturel en composants d'interface utilisateur structurés et interactifs utilisant des grands modèles de langage. Il permet la transformation en temps réel de texte en prototypes fonctionnels tels que des graphiques, des tableaux, des formulaires et des cartes. Le projet se distingue par un système d'orchestration piloté par schéma qui utilise des primitives d'UI typées et des schémas JSON pour contraindre la sortie du modèle, garantissant que les interfaces générées respectent des bibliothèques de composants spécifiques. Il dispose d'un analyseur de streaming qui permet un rendu progressif des composants, affichant les éléments d'interface au fur et à mesure que les jetons arrivent plutôt que d'attendre une réponse complète. Le système couvre de larges capacités, incluant le streaming de réponses IA via des adaptateurs compatibles OpenAI, la gestion de l'état du chat pour les fils de conversation et la génération automatisée de prompts système. Il inclut également des outils pour transformer des arbres de composants structurés en HTML statique pour l'exportation par email et une interface en ligne de commande pour le scaffolding de projet. Un moteur de rendu d'UI embarqué est fourni pour afficher les interfaces dans des environnements sans pipeline de build traditionnel.
Maps UI components to structured schemas with prop definitions so models can invoke them correctly.
json-editor est un générateur d'UI piloté par schéma et un éditeur basé sur le web qui crée automatiquement des formulaires HTML interactifs à partir de définitions JSON Schema. Il fonctionne comme un outil pour collecter, modifier et valider des données structurées en mappant les spécifications de schéma aux composants d'entrée correspondants. Le projet se distingue par une architecture d'entrée en plug-in et un mappage de composants basé sur un résolveur, qui permettent l'injection d'éditeurs tiers et d'interfaces d'entrée personnalisées pour des types de données spécialisés tels que le markdown, les couleurs et le code avec coloration syntaxique. Il prend également en charge la résolution de schéma externe via des URL et le lien hyper-schéma pour intégrer des modèles de données distants et des documents associés. Le système couvre la gestion complète de la mise en page des formulaires, incluant les arrangements en grille et les configurations de tableaux, ainsi qu'une logique conditionnelle pour les champs dépendants et la population dynamique d'énumérations. Il fournit un moteur de validation qui applique à la fois des contraintes de schéma standardisées et des règles métier personnalisées, tout en prenant en charge la localisation des chaînes d'UI et l'intégration avec des frameworks CSS externes.
Implements a UI component library that renders input fields and layouts based on standardized JSON specifications.
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
Implements interface generation by mapping JSON configuration schemas to a library of predefined HTML components.
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
Maps chart attributes and types to specialized visual components using a metadata-driven approach for infrastructure management.
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
Parses structured configuration objects to dynamically instantiate and mount form field components at runtime.
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
Constructs form interfaces by mapping declarative data schemas to modular UI components.