awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

5 repositorios

Awesome GitHub RepositoriesConfiguration-Driven Rendering

Generating user interface components dynamically by mapping JSON or object configurations to UI elements.

Distinct from Dynamic Table Generators: Distinct from dynamic table generators by focusing on the configuration-to-component mapping rather than just live-updating data views.

Explore 5 awesome GitHub repositories matching user interface & experience · Configuration-Driven Rendering. Refine with filters or upvote what's useful.

Awesome Configuration-Driven Rendering GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • bartoszjarocki/cvAvatar de BartoszJarocki

    BartoszJarocki/cv

    9,665Ver en GitHub↗

    Este es un constructor de currículums basado en configuración utilizado para generar currículums profesionales minimalistas y sitios web de portafolio personal. Transforma un único archivo de contenido estructurado en un documento HTML estático, desacoplando los datos profesionales sin procesar de la capa de presentación. El sistema utiliza un conjunto centralizado de variables CSS globales para gestionar colores y patrones de diseño, permitiendo la personalización del estilo visual a través de un archivo de configuración. El layout web resultante es responsivo y optimizado para impresión, asegurando que el documento mantenga un formato profesional tanto en pantallas digitales como en papel físico.

    Maps a structured configuration file to predefined layout components to render the CV.

    TypeScript
    Ver en GitHub↗9,665
  • halseyspicy/geeker-adminAvatar de HalseySpicy

    HalseySpicy/Geeker-Admin

    8,038Ver en GitHub↗

    Geeker-Admin is a Vue.js admin dashboard framework designed for building backend management interfaces. It utilizes Vue 3, TypeScript, and Vite to provide a foundation for creating data-driven administration panels. The framework features a configurable data table engine that generates complex grids automatically from predefined configuration objects. It incorporates a role-based access control system to restrict access to specific pages and interface elements based on user permissions. The system includes a centralized state management store for persistent global data and page state preserv

    Implements a table engine that automatically generates complex data grids from predefined configuration objects.

    Vueadminaxioselement-plus
    Ver en GitHub↗8,038
  • alibaba/x-renderAvatar de alibaba

    alibaba/x-render

    7,846Ver en GitHub↗

    x-render is a configuration-driven UI framework and low-code interface builder that transforms structured data definitions into functional user interface components. It operates as a JSON-driven UI generator, using a standardized configuration protocol to render data tables, input forms, and charts. The system includes a visual form builder and interface design editor, allowing users to arrange layouts and configuration settings through a graphical interface to avoid writing manual structural code. This process is supported by a schema-based component library that maps configuration keys to a

    Generates UI components dynamically by mapping structured JSON configurations to a library of UI elements.

    TypeScriptantant-designchart
    Ver en GitHub↗7,846
  • hubspot/vexAvatar de HubSpot

    HubSpot/vex

    6,882Ver en GitHub↗

    Vex is a dialog management framework and modal library designed to create and coordinate configurable overlay windows for web applications. It functions as a UI component library that provides a system for replacing standard browser alert and prompt boxes with custom-styled interface elements. The library focuses on dialog coordination, enabling the management of multiple overlapping windows that can be opened and closed independently or in batches. It provides a mechanism for creating modal dialogs that block interaction with the main screen until a user completes a specific action. The fra

    Implements UI rendering where the visual structure and behavior of overlays are generated from options objects.

    CSS
    Ver en GitHub↗6,882
  • angular-google-chart/angular-google-chartAvatar de angular-google-chart

    angular-google-chart/angular-google-chart

    881Ver en GitHub↗

    Este proyecto es una biblioteca de componentes frontend que proporciona una directiva AngularJS para la biblioteca Google Chart Tools. Funciona como un wrapper diseñado para integrar visualizaciones de datos interactivas en aplicaciones web mapeando conjuntos de datos estructurados en representaciones gráficas como gráficos de barras, gráficos de líneas y gráficos circulares. La biblioteca utiliza un enfoque impulsado por la configuración que mapea objetos declarativos a tipos de gráficos y opciones específicas, abstrayendo el proceso de inicialización en marcado estándar. Gestiona el ciclo de vida de elementos gráficos de terceros a través de la encapsulación basada en directivas, que incluye enlace de datos reactivo automático para asegurar que los gráficos se actualicen dinámicamente cuando cambia el estado de la aplicación subyacente. El conjunto de herramientas admite el desarrollo de interfaces modulares y paneles de control en tiempo real manejando la inyección de dependencias de visualización externas en tiempo de ejecución. Se dirige a nodos de documento específicos para montar y mantener estos elementos gráficos, facilitando la integración de visualizaciones de datos complejas dentro de entornos web heredados.

    Maps declarative JSON configuration objects to specific chart types and options to abstract complex library initialization into simple markup.

    JavaScriptangularjsgoogle-chartsjavascript
    Ver en GitHub↗881
  1. Home
  2. User Interface & Experience
  3. Dynamic Table Generators
  4. Configuration-Driven Rendering