awesome-repositories.com
Blog
MCP
awesome-repositories.com

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

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

17 repositorios

Awesome GitHub RepositoriesData-Driven Layouts

Layout systems where the structure and content are determined by an external data source.

Distinct from View Layouts: Distinct from View Layouts: focuses specifically on the link between the data source and the layout recycling mechanism.

Explore 17 awesome GitHub repositories matching user interface & experience · Data-Driven Layouts. Refine with filters or upvote what's useful.

Awesome Data-Driven Layouts GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • tipsy/profile-summary-for-githubAvatar de tipsy

    tipsy/profile-summary-for-github

    19,946Ver en GitHub↗

    This project is a GitHub profile visualization tool and activity dashboard that transforms raw data from the GitHub API into graphical summaries. It functions as a data visualizer designed to provide a high-level overview of a user's coding presence and contribution history. The tool focuses on developer portfolio enhancement by creating visual representations of platform engagement and open source contribution tracking. It generates these summaries as scalable vector graphics that can be embedded directly into markdown files. The system utilizes template-driven layouts and dynamic query par

    Uses predefined visual structures to position data points and graphs within the generated profile images.

    Vuegithub-apijavalinkotlin
    Ver en GitHub↗19,946
  • airbnb/react-sketchappAvatar de airbnb

    airbnb/react-sketchapp

    14,880Ver en GitHub↗

    react-sketchapp is a design system automation tool that translates React components into native Sketch design layers. It functions as a custom renderer that maps a virtual component tree to a design canvas, allowing for the programmatic generation and updating of design files from source code. The project provides a framework for building custom design utilities and automation scripts by treating the visual canvas as a programmable target. It includes a system for fetching external data to populate design components, enabling the creation of high-fidelity mockups and data-driven prototypes.

    Injects real-world data into design components to create high-fidelity prototypes and realistic visual layouts.

    TypeScriptreactreact-rendererreact-sketchapp
    Ver en GitHub↗14,880
  • nicklockwood/icarouselAvatar de nicklockwood

    nicklockwood/iCarousel

    12,129Ver en GitHub↗

    iCarousel is a data-driven UI library for macOS and iOS used to build interactive three-dimensional scrolling experiences. It functions as a customizable view controller that renders paged content using cylindrical or cover-flow 3D effects. The component is distinguished by its programmable perspective and visual transformation hooks, which allow for the definition of custom 3D styles and bespoke animation effects. Users can adjust viewpoint distance, alpha fading, and foreshortening to control how the vanishing point and depth appear during navigation. The library manages high-performance v

    Manages large sets of paged content using a data source to efficiently render and recycle views.

    Objective-C
    Ver en GitHub↗12,129
  • tahash/swapyAvatar de TahaSh

    TahaSh/swapy

    8,452Ver en GitHub↗

    Swapy is a drag and drop layout library designed to manage the spatial arrangement of UI components. It functions as an element reordering tracker and visual position manager that exports updated layout sequences as data objects after user interactions. The system monitors changes to the visual order of elements to provide updated layout mappings. It enables the rearrangement of on-screen elements through drag and drop interactions to update visual layout mappings. The library covers dynamic layout management and visual element sorting by converting the visual positions of screen elements in

    Translates visual arrangements of elements into structured data objects for easy extraction and storage.

    TypeScript
    Ver en GitHub↗8,452
  • lona/lonaAvatar de Lona

    Lona/Lona

    7,546Ver en GitHub↗

    Lona is a framework and set of utilities designed to synthesize centralized design definitions into cross-platform UI code, visual artifacts, and motion assets. It functions as a design system generator that converts a single set of specifications into native code for multiple operating systems, Sketch files, and other visual outputs. The system includes a motion design renderer that integrates motion files and renders them into video files to maintain consistent animation experiences. It also features a design artifact exporter for generating localized screenshots and bulk image exports base

    Allows populating UI components with external data files to validate visual accuracy during layout preview.

    Swift
    Ver en GitHub↗7,546
  • metricsgraphics/metrics-graphicsAvatar de metricsgraphics

    metricsgraphics/metrics-graphics

    7,403Ver en GitHub↗

    This project is an SVG data visualization library and charting engine designed to render quantitative metrics and time-series data within a web browser. It provides a framework for creating concise visual representations of numerical data sets, such as line charts, scatterplots, and histograms. The library utilizes a component-based layout framework to organize visual elements into hierarchical structures with automated spacing and positioning. It includes a coordinate-space mapping tool that translates raw data values into pixel coordinates using linear scales and axis transformations. The

    Organizes complex numerical data into clean, consistent layouts following established visualization and spacing principles.

    TypeScript
    Ver en GitHub↗7,403
  • mozilla/metrics-graphicsAvatar de mozilla

    mozilla/metrics-graphics

    7,403Ver en GitHub↗

    metrics-graphics is a data visualization library and declarative graphics framework designed to create principled data graphics and layouts. It functions as a statistical graphics engine that maps raw data to geometric shapes and structured objects to render complex, data-driven layouts. The toolkit specializes in rendering time-series data through line charts and scatterplots using a consistent layout system. It also provides capabilities for statistical distribution mapping, including the creation of rug plots to represent one-dimensional data density. The system covers a broad surface of

    Develops precise layouts for data-driven graphics that follow a consistent design system.

    TypeScript
    Ver en GitHub↗7,403
  • blinkfox/hexo-theme-materyAvatar de blinkfox

    blinkfox/hexo-theme-matery

    5,362Ver en GitHub↗

    Un tema responsive de Material Design para blogs estáticos construidos con el framework Hexo. Funciona como un sistema de diseño integral que transforma archivos markdown en páginas HTML estilizadas, proporcionando un entorno especializado para documentación técnica y blogs personales. El tema se caracteriza por un enfoque basado en datos para la visualización de contenido, utilizando gráficos de radar para categorías y nubes de palabras para etiquetas con el fin de representar los metadatos de las publicaciones. Además, distingue su organización mediante una arquitectura de línea de tiempo cronológica para los archivos del blog. El proyecto cubre una amplia gama de capacidades de publicación técnica, incluyendo renderizado de fórmulas matemáticas, resaltado de sintaxis para bloques de código y generación de tablas de contenido adaptativas. Incluye herramientas para la personalización del sitio mediante páginas de inicio dinámicas, menús de navegación multinivel y páginas de perfil detalladas. La interacción del lector se apoya mediante una funcionalidad de búsqueda integrada, publicaciones protegidas por contraseña e integración de sistemas de comentarios y chat de terceros. El rendimiento se gestiona mediante enrutamiento de recursos por CDN y precarga de activos, mientras que la visibilidad en buscadores se gestiona mediante metadatos SEO configurables.

    Utilizes data-driven layouts to visualize post categories as radar charts and tags as word clouds.

    JavaScriptfeatured-pictureshexo-blog-themehexo-theme
    Ver en GitHub↗5,362
  • orhanobut/dialogplusAvatar de orhanobut

    orhanobut/dialogplus

    4,963Ver en GitHub↗

    Dialogplus es una biblioteca de UI de diálogo para Android y framework de diseño que proporciona una colección de ventanas emergentes personalizables y elementos de interfaz reutilizables. Sirve como kit de herramientas para organizar contenido de listas, cuadrículas y vistas personalizadas dentro de superposiciones de pantalla móvil. La biblioteca permite el renderizado de ventanas emergentes con encabezados, pies de página y áreas de contenido adaptados. Incluye sistemas para colocar estas superposiciones en la parte superior, central o inferior de la pantalla utilizando animaciones integradas y patrones de diseño predefinidos. El framework admite una organización flexible del contenido mediante el uso de listas desplazables, cuadrículas y la incrustación de diseños definidos por el usuario o instancias de vista específicas. Estos elementos se gestionan mediante adaptadores de datos y contenedores estructurales para mantener diseños visuales consistentes.

    Allows inserting custom view instances or pre-defined XML layouts into pop-up containers for flexible interface construction.

    Javaandroidbottom-sheetdialog
    Ver en GitHub↗4,963
  • johnsundell/publishAvatar de JohnSundell

    JohnSundell/Publish

    4,971Ver en GitHub↗

    Publish is a static site generator and type-safe templating engine that converts structured content and metadata into static HTML files. It functions as a content pipeline orchestrator, allowing the definition of website layouts and themes where metadata maps to visual elements via type-safe code. The system includes a plugin system for injecting custom logic to mutate content, modify parsing, or enforce site-wide rules. It also features a mechanism for conditional build step execution, ensuring specific publishing tasks only run when predefined criteria are met. The project covers hierarchi

    Matches specific content attributes to corresponding template files to determine the visual representation of pages.

    Swiftpublishstatic-site-generatorswift
    Ver en GitHub↗4,971
  • reagent-project/reagentAvatar de reagent-project

    reagent-project/reagent

    4,872Ver en GitHub↗

    Reagent es un framework para construir interfaces de usuario web utilizando ClojureScript y React.js. Permite un enfoque de programación funcional para el diseño de UI declarativa, donde las estructuras HTML y las jerarquías de componentes se definen utilizando sintaxis Hiccup basada en vectores en lugar de JSX. El proyecto se diferencia a través de un sistema de gestión de estado reactivo basado en átomos. Rastrea qué componentes desreferencian átomos de estado específicos para activar re-renderizados automáticos y proporciona cursores de estado para aislar actualizaciones a rutas específicas de un átomo de estado más grande. También incluye utilidades para envolver componentes nativos de JavaScript y bibliotecas de terceros para asegurar que permanezcan compatibles con el ciclo de renderizado funcional. El framework cubre una amplia gama de capacidades, incluyendo la reconciliación del DOM virtual, la gestión del ciclo de vida para efectos secundarios y limpieza, y la optimización del rendimiento de renderizado mediante el procesamiento por lotes de actualizaciones y la memorización de cálculos. También proporciona herramientas para el renderizado del lado del servidor de cadenas HTML estáticas, intercambio de estado global a través de contexto y primitivas de seguridad para la sanitización de contenido HTML.

    Uses nested vector structures to define UI layouts driven by data.

    Clojureclojureclojurescriptfrontend
    Ver en GitHub↗4,872
  • pret/pokeredAvatar de pret

    pret/pokered

    4,755Ver en GitHub↗

    Pokered es una suite integral de herramientas para el desensamblado, depuración y compilación de ROMs de Game Boy. Proporciona un desensamblado completo de los binarios originales del juego en código fuente ensamblador legible por humanos, junto con una cadena de herramientas de ensamblaje dedicada para compilar modificaciones de nuevo en archivos ROM jugables. El proyecto incluye un depurador de ROM especializado para monitorear estados internos del juego y una herramienta de parcheo utilizada para generar parches binarios para aplicar cambios a nivel de ensamblador. El framework cubre una amplia gama de capacidades de ingeniería inversa y modificación, incluyendo el análisis de lógica binaria y el mapeo de diseño de memoria. Permite la alteración de mecánicas de batalla, el porting de características de múltiples generaciones y la edición de scripts de juego, diálogos y diseños de mapas. El proceso de compilación utiliza un ensamblador externo e incluye verificación de integridad basada en hash para garantizar la precisión del desensamblado y la salida compilada.

    Defines game maps and entity placements through structured data files compiled into the final binary.

    Assembly
    Ver en GitHub↗4,755
  • patrickkunka/mixitupAvatar de patrickkunka

    patrickkunka/mixitup

    4,543Ver en GitHub↗

    Mixitup es una librería de animación de elementos DOM sin dependencias y motor de layout de rejilla. Sirve como un controlador de UI basado en datos y filtro de contenido del lado del cliente diseñado para gestionar la transición visual suave de elementos HTML durante operaciones de inserción, eliminación y ordenamiento. El sistema se especializa en la creación de interfaces de galería interactivas y filtrado de contenido dinámico. Permite la reorganización de elementos utilizando atributos personalizados o secuencias aleatorias, mientras sincroniza la disposición y visibilidad de los elementos de la interfaz con un modelo de datos subyacente. Más allá del filtrado y ordenamiento, la librería cubre la gestión de elementos DOM, incluyendo la inserción y eliminación dinámica de objetivos. Proporciona capacidades para animar el redimensionamiento de contenedores, definir efectos de animación personalizados y utilizar escalonamientos no lineales para las apariciones de elementos.

    Provides a layout system where the visual arrangement of elements is synchronized with an external data source.

    JavaScriptanimationdom-manipulationfilter
    Ver en GitHub↗4,543
  • calimarkus/jdstatusbarnotificationAvatar de calimarkus

    calimarkus/JDStatusBarNotification

    4,329Ver en GitHub↗

    JDStatusBarNotification is a Swift-based notification framework and UI component library used to display custom status bar overlays and interactive alerts directly below the system status bar. It provides a system for presenting urgent information and task progress indicators through a SwiftUI-based toolkit. The framework allows for the creation of bespoke notification windows with support for custom view injection and a declarative UI approach for composing layouts. It includes features for branded UI customization, enabling the modification of colors, fonts, and animation styles to align wi

    Provides a mechanism for external callers to inject custom view hierarchies into the notification container.

    Swift
    Ver en GitHub↗4,329
  • sirmalloc/ccstatuslineAvatar de sirmalloc

    sirmalloc/ccstatusline

    3,925Ver en GitHub↗

    ccstatusline is a CLI status bar framework and ANSI terminal UI library used to render dynamic, multi-line interfaces within terminal emulators. It functions as a customizable system for displaying real-time metrics, system data, and configuration settings through a widget-based composition model. The framework specializes in Powerline-style status lines, utilizing arrow separators and columnar alignment to create structured headers. It includes specialized dashboards for monitoring Git repository metadata, such as branch names and commit IDs, as well as LLM usage monitors that track API toke

    Determines widget visibility and layout based on active data and configuration flags.

    TypeScriptai-toolsclaude-codecli
    Ver en GitHub↗3,925
  • sunfusheng/marqueeviewAvatar de sunfusheng

    sunfusheng/MarqueeView

    3,784Ver en GitHub↗

    MarqueeView is an Android custom view library used to create scrolling or flipping text announcements and dynamic text tickers. It functions as a specialized interface component for displaying rotating sequences of messages and interactive notification widgets. The library distinguishes itself through the use of dynamic layout inflation to inject custom resource files at runtime. It manages programmatic animation sequencing for entry and exit transitions and utilizes a callback system to map user touch events on visual elements to specific data indices. The project covers broad capabilities

    Injects specific XML layouts or view instances into containers dynamically to support flexible content structures.

    Javamarqueemarqueeview
    Ver en GitHub↗3,784
  • ealeksandrov/eaintroviewAvatar de ealeksandrov

    ealeksandrov/EAIntroView

    3,736Ver en GitHub↗

    EAIntroView is an onboarding UI library used to build sequential introduction and welcome screens. It functions as a customizable walkthrough and interactive tutorial framework for creating guided tours and step-by-step instructional guides. The library features a coordinate-based layout engine that defines UI element placement using coordinates and offsets mapped to individual pages. It includes an event-driven UI component that triggers specific logic and animations based on page transition and visibility events. The framework manages view navigation through a navigation-controlled introdu

    Allows the insertion of custom user-defined views into the onboarding navigation flow via configuration objects.

    Objective-Cdemointroios
    Ver en GitHub↗3,736
  1. Home
  2. User Interface & Experience
  3. View Layouts
  4. Data-Driven Layouts

Explorar subetiquetas

  • Custom View InjectionInserting specific view instances or XML layouts into a predefined container for flexible UI construction. **Distinct from Data-Driven Layouts:** Focuses on the injection of arbitrary views into a container rather than the external data source driving the layout.
  • Game World Data LayoutsSystems for mapping structured data files to game world entities and coordinates. **Distinct from Data-Driven Layouts:** Distinct from UI data-driven layouts by focusing on game world coordinates and entity placements instead of visual interface elements.
  • Quantitative LayoutsLayout systems specifically optimized for organizing complex numerical and quantitative data. **Distinct from Data-Driven Layouts:** Distinct from general Data-Driven Layouts: focuses on spacing and positioning principles specific to quantitative data visualization.
  • Visual SummariesLayout systems that organize data-driven visual summaries into predefined structures. **Distinct from Data-Driven Layouts:** Focuses on the structured positioning of metrics and graphs in a profile summary rather than general data-driven view layouts