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.
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.
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.
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 का उपयोग करके वेब यूज़र इंटरफेस बनाने के लिए एक फ्रेमवर्क है। यह डिक्लेरेटिव UI डिज़ाइन के लिए एक फंक्शनल प्रोग्रामिंग दृष्टिकोण को सक्षम बनाता है, जहाँ HTML स्ट्रक्चर्स और कंपोनेंट पदानुक्रम को JSX के बजाय वेक्टर-आधारित Hiccup सिंटैक्स का उपयोग करके परिभाषित किया जाता है। यह प्रोजेक्ट एटम्स (atoms) पर आधारित एक रिएक्टिव स्टेट मैनेजमेंट सिस्टम के माध्यम से खुद को अलग करता है। यह ट्रैक करता है कि कौन से कंपोनेंट्स ऑटोमैटिक री-रेंडर को ट्रिगर करने के लिए विशिष्ट स्टेट एटम्स को डीरेफरेंस करते हैं और एक बड़े स्टेट एटम के विशिष्ट पथों पर अपडेट्स को अलग करने के लिए स्टेट कर्सर प्रदान करता है। इसमें नेटिव JavaScript कंपोनेंट्स और थर्ड-पार्टी लाइब्रेरीज़ को रैप करने के लिए यूटिलिटीज भी शामिल हैं ताकि यह सुनिश्चित किया जा सके कि वे फंक्शनल रेंडरिंग साइकिल के साथ संगत रहें। यह फ्रेमवर्क वर्चुअल DOM रिकॉन्सिलिएशन, साइड इफेक्ट्स और क्लीनअप के लिए लाइफसाइकिल मैनेजमेंट, और अपडेट बैचिंग व कैलकुलेशन मेमोइजेशन के माध्यम से रेंडर परफॉरमेंस ऑप्टिमाइज़ेशन सहित क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। यह स्टेटिक HTML स्ट्रिंग्स की सर्वर-साइड रेंडरिंग, कॉन्टेक्स्ट के माध्यम से ग्लोबल स्टेट शेयरिंग, और HTML कंटेंट सैनिटाइजेशन के लिए सुरक्षा प्रिमिटिव्स के लिए टूल्स भी प्रदान करता है।
Uses nested vector structures to define UI layouts driven by data.
Pokered Game Boy ROMs के डिसअसेंबली, डिबगिंग और संकलन के लिए टूल्स का एक व्यापक सूट है। यह मूल गेम बाइनरीज़ का मानव-पठनीय असेंबली सोर्स कोड में पूर्ण डिसअसेंबली प्रदान करता है, साथ ही संशोधनों को वापस खेलने योग्य ROM फ़ाइलों में संकलित करने के लिए एक समर्पित असेंबली टूलचेन भी प्रदान करता है। प्रोजेक्ट में आंतरिक गेम स्टेट्स की निगरानी के लिए एक विशेष ROM डिबगर और असेंबली-स्तरीय परिवर्तनों को लागू करने के लिए बाइनरी पैच उत्पन्न करने के लिए उपयोग किया जाने वाला एक पैचिंग टूल शामिल है। फ्रेमवर्क बाइनरी लॉजिक और मेमोरी लेआउट मैपिंग के विश्लेषण सहित रिवर्स इंजीनियरिंग और संशोधन क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। यह युद्ध मैकेनिक्स में बदलाव, मल्टी-जेनरेशन सुविधाओं को पोर्ट करने, और गेम स्क्रिप्ट्स, संवाद और मैप लेआउट को संपादित करने में सक्षम बनाता है। बिल्ड प्रक्रिया एक बाहरी असेंबलर का उपयोग करती है और डिसअसेंबली और संकलित आउटपुट की सटीकता सुनिश्चित करने के लिए हैश-आधारित अखंडता सत्यापन शामिल करती है।
Defines game maps and entity placements through structured data files compiled into the final binary.
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.
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.