awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

17 个仓库

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

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • tipsy/profile-summary-for-githubtipsy 的头像

    tipsy/profile-summary-for-github

    19,946在 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
    在 GitHub 上查看↗19,946
  • airbnb/react-sketchappairbnb 的头像

    airbnb/react-sketchapp

    14,880在 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
    在 GitHub 上查看↗14,880
  • nicklockwood/icarouselnicklockwood 的头像

    nicklockwood/iCarousel

    12,129在 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
    在 GitHub 上查看↗12,129
  • tahash/swapyTahaSh 的头像

    TahaSh/swapy

    8,452在 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
    在 GitHub 上查看↗8,452
  • lona/lonaLona 的头像

    Lona/Lona

    7,546在 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
    在 GitHub 上查看↗7,546
  • metricsgraphics/metrics-graphicsmetricsgraphics 的头像

    metricsgraphics/metrics-graphics

    7,403在 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
    在 GitHub 上查看↗7,403
  • mozilla/metrics-graphicsmozilla 的头像

    mozilla/metrics-graphics

    7,403在 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
    在 GitHub 上查看↗7,403
  • blinkfox/hexo-theme-materyblinkfox 的头像

    blinkfox/hexo-theme-matery

    5,362在 GitHub 上查看↗

    一个为 Hexo 框架构建的响应式 Material Design 静态博客主题。它作为一个综合布局系统,将 Markdown 文件转换为样式化的 HTML 页面,为技术文档和个人博客提供了一个专门的环境。 该主题的特点是采用数据驱动的内容可视化方法,使用雷达图表示分类,使用词云表示标签,以呈现文章元数据。它通过为博客归档使用时间轴架构进一步优化了组织结构。 该项目涵盖了广泛的技术发布功能,包括数学公式渲染、代码块语法高亮以及自适应目录生成。它包括通过动态主页、多级导航菜单和详细个人资料页面进行网站定制的工具。通过集成搜索功能、密码保护文章以及嵌入第三方评论和聊天系统来支持读者互动。 性能通过 CDN 资源路由和资产预加载进行管理,而搜索引擎可见性则通过可配置的 SEO 元数据进行处理。

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

    JavaScriptfeatured-pictureshexo-blog-themehexo-theme
    在 GitHub 上查看↗5,362
  • orhanobut/dialogplusorhanobut 的头像

    orhanobut/dialogplus

    4,963在 GitHub 上查看↗

    Dialogplus 是一个 Android 对话框 UI 库和布局框架,提供了一系列可定制的弹出窗口和可重用的界面元素。它充当用于在移动屏幕覆盖层中组织列表、网格和自定义视图内容的工具包。 该库支持渲染带有定制页眉、页脚和内容区域的弹出窗口。它包括使用内置动画和预定义布局模式将这些覆盖层放置在显示屏顶部、中心或底部的系统。 该框架通过使用可滚动列表、网格以及嵌入用户定义的布局或特定视图实例,支持灵活的内容组织。这些元素通过数据适配器和结构容器进行管理,以保持一致的视觉布局。

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

    Javaandroidbottom-sheetdialog
    在 GitHub 上查看↗4,963
  • johnsundell/publishJohnSundell 的头像

    JohnSundell/Publish

    4,971在 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
    在 GitHub 上查看↗4,971
  • reagent-project/reagentreagent-project 的头像

    reagent-project/reagent

    4,872在 GitHub 上查看↗

    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.

    Clojureclojureclojurescriptfrontend
    在 GitHub 上查看↗4,872
  • pret/pokeredpret 的头像

    pret/pokered

    4,755在 GitHub 上查看↗

    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.

    Assembly
    在 GitHub 上查看↗4,755
  • patrickkunka/mixituppatrickkunka 的头像

    patrickkunka/mixitup

    4,543在 GitHub 上查看↗

    Mixitup 是一个无依赖的 DOM 元素动画库和网格布局引擎。它作为客户端内容过滤器和数据驱动的 UI 控制器,旨在管理 HTML 元素在插入、移除和排序操作过程中的平滑视觉过渡。 该系统专注于创建交互式画廊界面和动态内容过滤。它允许使用自定义属性或随机序列重新组织元素,同时将界面元素的排列和可见性与底层数据模型同步。 除了过滤和排序,该库还涵盖了 DOM 元素管理,包括目标的动态插入和移除。它提供了动画化容器大小调整、定义自定义动画效果以及利用非线性交错效果来呈现元素的能力。

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

    JavaScriptanimationdom-manipulationfilter
    在 GitHub 上查看↗4,543
  • calimarkus/jdstatusbarnotificationcalimarkus 的头像

    calimarkus/JDStatusBarNotification

    4,329在 GitHub 上查看↗

    JDStatusBarNotification 是一个基于 Swift 的通知框架和 UI 组件库,用于在系统状态栏下方显示自定义状态栏覆盖层和交互式提醒。它提供了一套基于 SwiftUI 的工具包,用于呈现紧急信息和任务进度指示。 该框架支持创建定制的通知窗口,支持自定义视图注入,并采用声明式 UI 方法来构建布局。它包含品牌化 UI 自定义功能,允许修改颜色、字体和动画样式,以符合特定的视觉识别要求。 该库涵盖了实时活动指示器和基于百分比的进度跟踪,适用于长时间运行的操作。它支持点击保持和滑动关闭等交互行为。 该库旨在兼容 Swift 和 Objective-C 项目。

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

    Swift
    在 GitHub 上查看↗4,329
  • sirmalloc/ccstatuslinesirmalloc 的头像

    sirmalloc/ccstatusline

    3,925在 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
    在 GitHub 上查看↗3,925
  • sunfusheng/marqueeviewsunfusheng 的头像

    sunfusheng/MarqueeView

    3,784在 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
    在 GitHub 上查看↗3,784
  • ealeksandrov/eaintroviewealeksandrov 的头像

    ealeksandrov/EAIntroView

    3,736在 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
    在 GitHub 上查看↗3,736
  1. Home
  2. User Interface & Experience
  3. View Layouts
  4. Data-Driven Layouts

探索子标签

  • 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