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,946GitHub पर देखें↗

    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,880GitHub पर देखें↗

    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,129GitHub पर देखें↗

    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,452GitHub पर देखें↗

    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,546GitHub पर देखें↗

    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,403GitHub पर देखें↗

    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,403GitHub पर देखें↗

    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,362GitHub पर देखें↗

    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/dialogplusorhanobut का अवतार

    orhanobut/dialogplus

    4,963GitHub पर देखें↗

    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/publishJohnSundell का अवतार

    JohnSundell/Publish

    4,971GitHub पर देखें↗

    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,872GitHub पर देखें↗

    Reagent, ClojureScript और React.js का उपयोग करके वेब यूज़र इंटरफेस बनाने के लिए एक फ्रेमवर्क है। यह डिक्लेरेटिव UI डिज़ाइन के लिए एक फंक्शनल प्रोग्रामिंग दृष्टिकोण को सक्षम बनाता है, जहाँ HTML स्ट्रक्चर्स और कंपोनेंट पदानुक्रम को JSX के बजाय वेक्टर-आधारित Hiccup सिंटैक्स का उपयोग करके परिभाषित किया जाता है। यह प्रोजेक्ट एटम्स (atoms) पर आधारित एक रिएक्टिव स्टेट मैनेजमेंट सिस्टम के माध्यम से खुद को अलग करता है। यह ट्रैक करता है कि कौन से कंपोनेंट्स ऑटोमैटिक री-रेंडर को ट्रिगर करने के लिए विशिष्ट स्टेट एटम्स को डीरेफरेंस करते हैं और एक बड़े स्टेट एटम के विशिष्ट पथों पर अपडेट्स को अलग करने के लिए स्टेट कर्सर प्रदान करता है। इसमें नेटिव JavaScript कंपोनेंट्स और थर्ड-पार्टी लाइब्रेरीज़ को रैप करने के लिए यूटिलिटीज भी शामिल हैं ताकि यह सुनिश्चित किया जा सके कि वे फंक्शनल रेंडरिंग साइकिल के साथ संगत रहें। यह फ्रेमवर्क वर्चुअल DOM रिकॉन्सिलिएशन, साइड इफेक्ट्स और क्लीनअप के लिए लाइफसाइकिल मैनेजमेंट, और अपडेट बैचिंग व कैलकुलेशन मेमोइजेशन के माध्यम से रेंडर परफॉरमेंस ऑप्टिमाइज़ेशन सहित क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। यह स्टेटिक HTML स्ट्रिंग्स की सर्वर-साइड रेंडरिंग, कॉन्टेक्स्ट के माध्यम से ग्लोबल स्टेट शेयरिंग, और HTML कंटेंट सैनिटाइजेशन के लिए सुरक्षा प्रिमिटिव्स के लिए टूल्स भी प्रदान करता है।

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

    Clojureclojureclojurescriptfrontend
    GitHub पर देखें↗4,872
  • pret/pokeredpret का अवतार

    pret/pokered

    4,755GitHub पर देखें↗

    Pokered Game Boy ROMs के डिसअसेंबली, डिबगिंग और संकलन के लिए टूल्स का एक व्यापक सूट है। यह मूल गेम बाइनरीज़ का मानव-पठनीय असेंबली सोर्स कोड में पूर्ण डिसअसेंबली प्रदान करता है, साथ ही संशोधनों को वापस खेलने योग्य ROM फ़ाइलों में संकलित करने के लिए एक समर्पित असेंबली टूलचेन भी प्रदान करता है। प्रोजेक्ट में आंतरिक गेम स्टेट्स की निगरानी के लिए एक विशेष ROM डिबगर और असेंबली-स्तरीय परिवर्तनों को लागू करने के लिए बाइनरी पैच उत्पन्न करने के लिए उपयोग किया जाने वाला एक पैचिंग टूल शामिल है। फ्रेमवर्क बाइनरी लॉजिक और मेमोरी लेआउट मैपिंग के विश्लेषण सहित रिवर्स इंजीनियरिंग और संशोधन क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। यह युद्ध मैकेनिक्स में बदलाव, मल्टी-जेनरेशन सुविधाओं को पोर्ट करने, और गेम स्क्रिप्ट्स, संवाद और मैप लेआउट को संपादित करने में सक्षम बनाता है। बिल्ड प्रक्रिया एक बाहरी असेंबलर का उपयोग करती है और डिसअसेंबली और संकलित आउटपुट की सटीकता सुनिश्चित करने के लिए हैश-आधारित अखंडता सत्यापन शामिल करती है।

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

    Assembly
    GitHub पर देखें↗4,755
  • patrickkunka/mixituppatrickkunka का अवतार

    patrickkunka/mixitup

    4,543GitHub पर देखें↗

    Mixitup is a dependency-free DOM element animation library and grid layout engine. It serves as a client-side content filter and data-driven UI controller designed to manage the smooth visual transition of HTML elements during insertion, removal, and sorting operations. The system specializes in creating interactive gallery interfaces and dynamic content filtering. It allows for the reorganization of elements using custom attributes or random sequences, while synchronizing the arrangement and visibility of interface elements with an underlying data model. Beyond filtering and sorting, the li

    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,329GitHub पर देखें↗

    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,925GitHub पर देखें↗

    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,784GitHub पर देखें↗

    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,736GitHub पर देखें↗

    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