17 repositorios
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.