7 repository-uri
UI component collections instantiated and managed through structured data schemas and registries.
Distinct from Metadata-Driven Component Libraries: Focuses on structured JSON schemas for instantiation rather than HTML metadata attributes.
Explore 7 awesome GitHub repositories matching user interface & experience · Schema-Driven Component Libraries. Refine with filters or upvote what's useful.
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 este un framework UI bazat pe schemă care traduce definițiile JSON structurate în layout-uri administrative funcționale, formulare web interactive și vizualizări de date. Acesta servește ca un sistem pentru randarea componentelor și a logicii de validare bazate pe scheme declarative, mai degrabă decât pe cod imperativ manual. Framework-ul include un generator de formulare bazat pe JSON și o componentă de tabel de date care transformă datele structurate în interfețe căutabile și sortabile. De asemenea, dispune de un motor de vizualizare care randează grafice de date din scheme de configurare simplificate și un editor vizual pentru proiectarea layout-urilor de formulare și a definițiilor de câmpuri. Sistemul acoperă domenii largi de capabilități, inclusiv randarea dinamică a tabelelor de date, validarea input-ului bazată pe schemă și generarea de rapoarte vizuale de date prin maparea JSON-la-grafic.
Translates JSON configuration objects into a tree of functional UI components and input fields at runtime.
OpenUI este un framework de dezvoltare UI generativ care convertește descrierile în limbaj natural în componente de interfață cu utilizatorul structurate și interactive, folosind modele de limbaj mari. Acesta permite transformarea în timp real a textului în prototipuri funcționale, cum ar fi grafice, tabele, formulare și carduri. Proiectul se distinge printr-un sistem de orchestrare bazat pe schemă care utilizează primitive UI tipizate și scheme JSON pentru a constrânge output-ul modelului, asigurându-se că interfețele generate respectă bibliotecile de componente specifice. Dispune de un parser de streaming care permite randarea progresivă a componentelor, afișând elementele de interfață incremental pe măsură ce sosesc token-urile, în loc să aștepte un răspuns complet. Sistemul acoperă capabilități largi, inclusiv streaming de răspunsuri AI prin adaptoare compatibile cu OpenAI, gestionarea stării chat-ului pentru firele de conversație și generarea automată a prompturilor de sistem. Include, de asemenea, instrumente pentru transformarea arborilor de componente structurate în HTML static pentru export prin e-mail și o interfață de linie de comandă pentru scaffolding-ul proiectului. Este furnizat un renderer UI încorporat pentru a afișa interfețe în medii fără un pipeline de build tradițional.
Maps UI components to structured schemas with prop definitions so models can invoke them correctly.
json-editor este un generator de UI bazat pe schemă și un editor web care creează automat formulare HTML interactive din definiții JSON Schema. Funcționează ca un instrument pentru colectarea, modificarea și validarea datelor structurate prin maparea specificațiilor schemei către componentele de input corespunzătoare. Proiectul se distinge printr-o arhitectură de input de tip plug-in și maparea componentelor bazată pe resolver, care permit injectarea de editoare terțe și interfețe de input personalizate pentru tipuri de date specializate, cum ar fi markdown, culori și cod cu syntax-highlighting. De asemenea, suportă rezoluția schemei externe via URL-uri și hyper-schema linking pentru a integra modele de date la distanță și documente conexe. Sistemul acoperă gestionarea cuprinzătoare a layout-ului formularelor, inclusiv aranjamente de tip grid și configurații de array, alături de logica condițională pentru câmpurile dependente și popularea dinamică a enum-urilor. Oferă un motor de validare care impune atât constrângeri standardizate de schemă, cât și reguli de business personalizate, suportând în același timp localizarea șirurilor de caractere UI și integrarea cu framework-uri CSS externe.
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.
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.