awesome-repositories.com
المدونة
MCP
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعخادم 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

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • tipsy/profile-summary-for-githubالصورة الرمزية لـ tipsy

    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-sketchappالصورة الرمزية لـ airbnb

    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/icarouselالصورة الرمزية لـ nicklockwood

    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/swapyالصورة الرمزية لـ TahaSh

    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/lonaالصورة الرمزية لـ Lona

    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-graphicsالصورة الرمزية لـ metricsgraphics

    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-graphicsالصورة الرمزية لـ mozilla

    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-materyالصورة الرمزية لـ blinkfox

    blinkfox/hexo-theme-matery

    5,362عرض على GitHub↗

    A responsive Material Design theme for static blogs built with the Hexo framework. It functions as a comprehensive layout system that transforms markdown files into styled HTML pages, providing a specialized environment for technical documentation and personal blogging. The theme is characterized by a data-driven approach to content visualization, using radar charts for categories and word clouds for tags to represent post metadata. It further distinguishes its organization by utilizing a chronological timeline architecture for blog archives. The project covers a wide range of technical publ

    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/dialogplusالصورة الرمزية لـ orhanobut

    orhanobut/dialogplus

    4,963عرض على GitHub↗

    Dialogplus is an Android dialog UI library and layout framework providing a collection of customizable pop-up windows and reusable interface elements. It serves as a toolkit for organizing list, grid, and custom view content within mobile screen overlays. The library enables the rendering of pop-up windows with tailored headers, footers, and content areas. It includes systems for placing these overlays at the top, center, or bottom of the display using built-in animations and predefined layout patterns. The framework supports flexible content organization through the use of scrollable lists,

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

    Javaandroidbottom-sheetdialog
    عرض على GitHub↗4,963
  • johnsundell/publishالصورة الرمزية لـ JohnSundell

    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/reagentالصورة الرمزية لـ reagent-project

    reagent-project/reagent

    4,872عرض على GitHub↗

    Reagent هو إطار عمل لبناء واجهات مستخدم الويب باستخدام ClojureScript و React.js. يتيح نهج البرمجة الوظيفية لتصميم واجهة المستخدم التصريحية، حيث يتم تعريف هياكل HTML وتسلسلات هرمية للمكونات باستخدام بناء جملة Hiccup القائم على المتجهات بدلاً من JSX. يتميز المشروع من خلال نظام إدارة حالة تفاعلي يعتمد على الذرات (atoms). يتتبع المكونات التي تقوم بإلغاء مرجعية ذرات حالة معينة لتشغيل إعادة العرض التلقائي ويوفر مؤشرات حالة لعزل التحديثات إلى مسارات معينة لذرة حالة أكبر. كما يتضمن أدوات لتغليف مكونات JavaScript الأصلية ومكتبات الطرف الثالث لضمان بقائها متوافقة مع دورة العرض الوظيفية. يغطي إطار العمل مجموعة واسعة من القدرات، بما في ذلك التوفيق بين DOM الافتراضي، وإدارة دورة الحياة للآثار الجانبية والتنظيف، وتحسين أداء العرض من خلال تجميع التحديثات وتخزين الحسابات مؤقتاً (memoization). كما يوفر أدوات لعرض جانب الخادم لسلاسل HTML الثابتة، ومشاركة الحالة العالمية عبر السياق، وأساسيات الأمان لتعقيم محتوى HTML.

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

    Clojureclojureclojurescriptfrontend
    عرض على GitHub↗4,872
  • pret/pokeredالصورة الرمزية لـ pret

    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/mixitupالصورة الرمزية لـ patrickkunka

    patrickkunka/mixitup

    4,543عرض على GitHub↗

    Mixitup هي مكتبة رسوم متحركة لعناصر DOM ومحرك تخطيط شبكة خالٍ من التبعيات. تعمل كأداة تصفية محتوى جانب العميل ووحدة تحكم واجهة مستخدم قائمة على البيانات مصممة لإدارة الانتقال البصري السلس لعناصر 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/jdstatusbarnotificationالصورة الرمزية لـ calimarkus

    calimarkus/JDStatusBarNotification

    4,329عرض على 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
    عرض على GitHub↗4,329
  • sirmalloc/ccstatuslineالصورة الرمزية لـ sirmalloc

    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/marqueeviewالصورة الرمزية لـ sunfusheng

    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/eaintroviewالصورة الرمزية لـ ealeksandrov

    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