17 个仓库
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.
一个为 Hexo 框架构建的响应式 Material Design 静态博客主题。它作为一个综合布局系统,将 Markdown 文件转换为样式化的 HTML 页面,为技术文档和个人博客提供了一个专门的环境。 该主题的特点是采用数据驱动的内容可视化方法,使用雷达图表示分类,使用词云表示标签,以呈现文章元数据。它通过为博客归档使用时间轴架构进一步优化了组织结构。 该项目涵盖了广泛的技术发布功能,包括数学公式渲染、代码块语法高亮以及自适应目录生成。它包括通过动态主页、多级导航菜单和详细个人资料页面进行网站定制的工具。通过集成搜索功能、密码保护文章以及嵌入第三方评论和聊天系统来支持读者互动。 性能通过 CDN 资源路由和资产预加载进行管理,而搜索引擎可见性则通过可配置的 SEO 元数据进行处理。
Utilizes data-driven layouts to visualize post categories as radar charts and tags as word clouds.
Dialogplus 是一个 Android 对话框 UI 库和布局框架,提供了一系列可定制的弹出窗口和可重用的界面元素。它充当用于在移动屏幕覆盖层中组织列表、网格和自定义视图内容的工具包。 该库支持渲染带有定制页眉、页脚和内容区域的弹出窗口。它包括使用内置动画和预定义布局模式将这些覆盖层放置在显示屏顶部、中心或底部的系统。 该框架通过使用可滚动列表、网格以及嵌入用户定义的布局或特定视图实例,支持灵活的内容组织。这些元素通过数据适配器和结构容器进行管理,以保持一致的视觉布局。
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 是一个使用 ClojureScript 和 React.js 构建 Web 用户界面的框架。它实现了声明式 UI 设计的函数式编程方法,其中 HTML 结构和组件层次结构使用基于向量的 Hiccup 语法而不是 JSX 定义。 该项目通过基于原子(Atoms)的响应式状态管理系统脱颖而出。它跟踪哪些组件解引用特定的状态原子以触发自动重新渲染,并提供状态游标(Cursors)以将更新隔离到较大状态原子的特定路径。它还包括用于包装原生 JavaScript 组件和第三方库的工具,以确保它们与函数式渲染周期保持兼容。 该框架涵盖了广泛的功能,包括虚拟 DOM 协调、副作用和清理的生命周期管理,以及通过更新批处理和计算记忆化进行的渲染性能优化。它还提供用于静态 HTML 字符串的服务器端渲染、通过上下文(Context)的全局状态共享,以及用于 HTML 内容清理的安全原语。
Uses nested vector structures to define UI layouts driven by data.
Pokered is a comprehensive suite of tools for the disassembly, debugging, and compilation of Game Boy ROMs. It provides a full disassembly of original game binaries into human-readable assembly source code, alongside a dedicated assembly toolchain for compiling modifications back into playable ROM files. The project includes a specialized ROM debugger for monitoring internal game states and a patching tool used to generate binary patches for applying assembly-level changes. The framework covers a wide range of reverse engineering and modification capabilities, including the analysis of binar
Defines game maps and entity placements through structured data files compiled into the final binary.
Mixitup 是一个无依赖的 DOM 元素动画库和网格布局引擎。它作为客户端内容过滤器和数据驱动的 UI 控制器,旨在管理 HTML 元素在插入、移除和排序操作过程中的平滑视觉过渡。 该系统专注于创建交互式画廊界面和动态内容过滤。它允许使用自定义属性或随机序列重新组织元素,同时将界面元素的排列和可见性与底层数据模型同步。 除了过滤和排序,该库还涵盖了 DOM 元素管理,包括目标的动态插入和移除。它提供了动画化容器大小调整、定义自定义动画效果以及利用非线性交错效果来呈现元素的能力。
Provides a layout system where the visual arrangement of elements is synchronized with an external data source.
JDStatusBarNotification 是一个基于 Swift 的通知框架和 UI 组件库,用于在系统状态栏下方显示自定义状态栏覆盖层和交互式提醒。它提供了一套基于 SwiftUI 的工具包,用于呈现紧急信息和任务进度指示。 该框架支持创建定制的通知窗口,支持自定义视图注入,并采用声明式 UI 方法来构建布局。它包含品牌化 UI 自定义功能,允许修改颜色、字体和动画样式,以符合特定的视觉识别要求。 该库涵盖了实时活动指示器和基于百分比的进度跟踪,适用于长时间运行的操作。它支持点击保持和滑动关闭等交互行为。 该库旨在兼容 Swift 和 Objective-C 项目。
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.