awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

46 Repos

Awesome GitHub RepositoriesView Layouts

Systems for modifying the presentation and structure of data records.

Distinguishing note: Focuses on UI view structures rather than data storage.

Explore 46 awesome GitHub repositories matching user interface & experience · View Layouts. Refine with filters or upvote what's useful.

Awesome View Layouts GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • odoo/odooAvatar von odoo

    odoo/odoo

    52,445Auf GitHub ansehen↗

    Odoo is an integrated enterprise resource planning suite designed to manage core organizational processes, including accounting, inventory, manufacturing, and human resources, within a single platform. It functions as a modular business application framework that allows for the development and deployment of specialized modules, supported by a low-code environment that provides visual tools for creating custom workflows and data-driven interfaces. The platform distinguishes itself through a highly extensible architecture that enforces strict multi-tenant data isolation, ensuring that records r

    Changes the layout and presentation of data records by modifying existing view structures.

    Pythonappsbusinesserp
    Auf GitHub ansehen↗52,445
  • marmelab/react-adminAvatar von marmelab

    marmelab/react-admin

    26,780Auf GitHub ansehen↗

    React-admin is a framework for building data-driven administrative interfaces that connect to REST or GraphQL backends. It provides a comprehensive suite of tools for managing the full lifecycle of administrative applications, including resource-oriented routing, declarative form scaffolding, and context-driven state management. By utilizing a modular adapter-based architecture, the framework abstracts backend communication, allowing developers to build consistent CRUD interfaces that handle data fetching, authentication, and synchronization automatically. The project distinguishes itself thr

    Configures list, edit, and create interfaces by assembling modular components into consistent layouts.

    TypeScriptadminadmin-dashboardadmin-on-rest
    Auf GitHub ansehen↗26,780
  • lissy93/dashyAvatar von Lissy93

    Lissy93/dashy

    24,026Auf GitHub ansehen↗

    Dashy is a configuration-driven dashboard designed for personal infrastructure management and self-hosted service monitoring. It functions as a centralized portal that aggregates web links, live infrastructure metrics, and application health status into a unified, searchable interface. By utilizing a structured schema, the platform allows users to define their entire layout, navigation, and widget configuration through version-controlled files, ensuring a portable and reproducible setup across different environments. The project distinguishes itself through a highly modular architecture that

    Toggles visibility of page elements like headers and footers to create specialized interface views.

    Vueawesomedashboarddocker
    Auf GitHub ansehen↗24,026
  • tipsy/profile-summary-for-githubAvatar von tipsy

    tipsy/profile-summary-for-github

    19,946Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗19,946
  • airbnb/react-sketchappAvatar von airbnb

    airbnb/react-sketchapp

    14,880Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗14,880
  • daimajia/androidswipelayoutAvatar von daimajia

    daimajia/AndroidSwipeLayout

    12,365Auf GitHub ansehen↗

    AndroidSwipeLayout is an Android UI library and custom view framework that enables the creation of layouts that reveal hidden action buttons when a user performs a swipe gesture. It functions as a gesture-based UI component that triggers callbacks based on the real-time position of the swipe. The framework is designed to support complex interaction patterns, specifically allowing for the nesting of multiple swipeable components within one another. The library covers mobile gesture interaction and custom view orchestration, providing tools to track swipe states and synchronize UI changes duri

    Implements a system that moves child views horizontally using translation offsets relative to their original positions.

    Java
    Auf GitHub ansehen↗12,365
  • nicklockwood/icarouselAvatar von nicklockwood

    nicklockwood/iCarousel

    12,129Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗12,129
  • jfeinstein10/slidingmenuAvatar von jfeinstein10

    jfeinstein10/SlidingMenu

    11,001Auf GitHub ansehen↗

    SlidingMenu is an Android navigation drawer library and UI component library used to create side-panel navigation menus that slide over or push primary content. It functions as an activity wrapper and a set of XML layout components to manage the interaction between main content and navigation layers. The library provides a system for menu aesthetic customization, allowing for the adjustment of scroll scales, fade effects, drop shadows, and touch-responsive areas. It implements a slide-in navigation interface that reveals a hidden side panel through programmatic activity wrapping and XML menu

    Implements logic for shifting the primary content view using coordinate offsets to reveal the side menu.

    Java
    Auf GitHub ansehen↗11,001
  • alibaba/vlayoutAvatar von alibaba

    alibaba/vlayout

    10,740Auf GitHub ansehen↗

    vlayout is an Android RecyclerView extension framework that uses pluggable layout helpers to mix grid, list, sticky, staggered, and fixed layouts within a single scrollable view. It provides a modular layout delegation system where each section of the RecyclerView is assigned a dedicated layout helper that manages its own measurement, placement, and decoration, enabling complex heterogeneous content displays. The framework extends RecyclerView's LayoutManager to delegate layout logic to these modular helper components, supporting features like sticky headers that remain visible at the top dur

    Provides a modular layout delegation system for mixing grid, list, sticky, staggered, and fixed layouts within a single RecyclerView.

    Javaandroidlayoutlayout-manager
    Auf GitHub ansehen↗10,740
  • hackware1993/magicindicatorAvatar von hackware1993

    hackware1993/MagicIndicator

    9,799Auf GitHub ansehen↗

    MagicIndicator is a library for rendering visual page markers and navigation tabs that synchronize with paginated views in Android applications. It provides a set of tools for implementing interactive page indicators, including components for tracking and controlling page positions within sliding containers and fragment navigation systems. The project supports customizable tab navigation through custom layout files and interface-based styling. It enables the integration of notification badges, allowing numeric or status markers to be overlaid on navigation tabs to alert users of updates. The

    Creates indicator markers by inflating individual XML layout files for each page in the paginated set.

    Javaindicatorpagerslidingtabstriptablayout
    Auf GitHub ansehen↗9,799
  • facebook/shimmerAvatar von facebook

    facebook/Shimmer

    9,331Auf GitHub ansehen↗

    Shimmer is a UI loading state library used to generate shimmering skeleton placeholders and view-wrapping animation effects. It provides a set of tools for creating highlight animations that signal content is loading within a user interface. The project includes a skeleton screen generator and a view animation wrapper. These components apply a moving gradient effect over existing views to provide visual feedback while data is being fetched. The library covers user interface animation and mobile app design patterns. It implements loading indicators through a combination of linear-gradient mas

    Provides logic for shifting view positions using relative offsets to move the shimmer effect.

    Objective-C
    Auf GitHub ansehen↗9,331
  • navasmdc/materialdesignlibraryAvatar von navasmdc

    navasmdc/MaterialDesignLibrary

    8,922Auf GitHub ansehen↗

    MaterialDesignLibrary is an Android Material Design UI library and cross-version framework. It provides a collection of pre-built interface controls and a compatibility layer that enables modern design patterns on older Android devices starting from version 2.2. The project focuses on bringing updated design standards to legacy Android versions to ensure a consistent user experience. This is achieved through a compatibility layer that implements modern interface elements without sacrificing visual quality on outdated operating system releases. The library includes a variety of functional com

    Groups primitive drawing elements into complex components to maintain consistent layout and positioning.

    Java
    Auf GitHub ansehen↗8,922
  • heyform/heyformAvatar von heyform

    heyform/heyform

    8,852Auf GitHub ansehen↗

    Heyform is an open-source form builder and self-hosted data collection platform. It provides a no-code designer for creating dynamic web-based surveys and input forms, supported by an extensible backend for managing submissions and storing results in a private database. The system distinguishes itself through advanced form logic and branding controls. It includes a conditional logic engine to show or hide sections based on user responses and allows for precise visual identity customization through configurable themes and custom CSS injection. The platform covers a broad range of operational

    Produces form structures by applying user modifications to a set of pre-designed architectural blueprints.

    TypeScriptformquizsurvey
    Auf GitHub ansehen↗8,852
  • simplezhli/flutter_deerAvatar von simplezhli

    simplezhli/flutter_deer

    8,580Auf GitHub ansehen↗

    Flutter Deer is a Flutter practice project that demonstrates realistic application patterns across Android and iOS. It showcases how to structure a Flutter app with modular routing, reactive state management using Provider, and a centralized network layer built with Dio for structured API calls and error handling. The project also includes integration and accessibility testing that simulates real user interactions to verify UI behavior and screen-reader compatibility. The project differentiates itself by providing a comprehensive showcase of custom UI components and interactions, including ca

    Combines Sliver widgets to create headers, lists, and grids that scroll together with synchronized effects.

    Dartamapandroidchart
    Auf GitHub ansehen↗8,580
  • tahash/swapyAvatar von TahaSh

    TahaSh/swapy

    8,452Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗8,452
  • zhiyiyo/pyqt-fluent-widgetsAvatar von zhiyiYo

    zhiyiYo/PyQt-Fluent-Widgets

    7,651Auf GitHub ansehen↗

    PyQt-Fluent-Widgets is a Python GUI component library and framework extension that provides a set of pre-styled UI components following modern Fluent design standards. It replaces standard PyQt controls with a specialized widget set designed for building contemporary desktop applications. The library distinguishes itself by offering advanced layout patterns, such as waterfall grids, loading skeleton screens, and split-view application shells. It provides a comprehensive collection of high-level interface elements, including navigation menu systems, configuration setting cards, and complex vie

    Implements complex composites such as carousels, paginated lists, and themed table widgets.

    Pythoncustomfluentfluent-design
    Auf GitHub ansehen↗7,651
  • swiftkickmobile/swiftmessagesAvatar von SwiftKickMobile

    SwiftKickMobile/SwiftMessages

    7,556Auf GitHub ansehen↗

    SwiftMessages is an iOS notification bar library and in-app message queue manager. It provides a system for displaying customizable alerts and status messages at the top, bottom, or center of the screen. The library features a hosting bridge that allows declarative SwiftUI views to be rendered within imperative UIKit containers. It includes a queue management system that sequences chronological notifications and filters duplicate alerts to prevent interface overlap. The system handles dynamic layout management to avoid occlusion by the system keyboard and provides an accessibility interface

    Allows modification of notification appearance through layout files, subclassing, or custom view instances.

    Swift
    Auf GitHub ansehen↗7,556
  • lona/lonaAvatar von Lona

    Lona/Lona

    7,546Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗7,546
  • metricsgraphics/metrics-graphicsAvatar von metricsgraphics

    metricsgraphics/metrics-graphics

    7,403Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗7,403
  • mozilla/metrics-graphicsAvatar von mozilla

    mozilla/metrics-graphics

    7,403Auf GitHub ansehen↗

    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
    Auf GitHub ansehen↗7,403
Vorherige123Nächste
  1. Home
  2. User Interface & Experience
  3. View Layouts

Unter-Tags erkunden

  • Blueprint-Driven UI Generation1 Sub-TagCreation of interface layouts based on design principles applied to structural blueprints. **Distinct from Layout-Driven Generation:** Distinct from Layout-Driven Generation: focuses on design system blueprints rather than inflating specific XML layouts for data items.
  • CompositeSystems for grouping primitive UI elements into complex, reusable layout components. **Distinct from View Layouts:** Focuses on grouping primitives into complex views rather than modifying data record presentation
  • Coordinate-Based TranslationsLogic for shifting view positions using relative offsets without triggering full layout passes. **Distinct from View Layouts:** Focuses on the translation mechanism for movement rather than the overall layout structure.
  • Data-Driven Layouts4 Sub-TagsLayout 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.
  • Edit View Scaffolding1 Sub-TagAutomated generation of form layouts and input components from API responses. **Distinct from View Layouts:** Distinct from general view layouts: focuses on the automated generation of edit-specific form interfaces.
  • EditorConfigures the position, size, border, and window options for each UI element independently. **Distinct from View Layouts:** Distinct from View Layouts: focuses on editor-specific UI element layout customization, not general data record presentation.
  • Heterogeneous ScrollableArranging child views with different layout styles within one scrollable view using modular layout helpers. **Distinct from View Layouts:** Distinct from View Layouts: focuses on mixing multiple layout styles within a single scrollable view, not general view arrangement.
  • Layout-Driven GenerationProgrammatic creation of UI elements by inflating specific XML layouts for each item in a set. **Distinct from View Layouts:** Focuses on the generation of multiple identical indicator views from a layout file, rather than general data-driven layout structures.
  • LiveBrowser-based interfaces for viewing multiple camera feeds simultaneously. **Distinct from View Layouts:** Distinct from general view layouts: focuses on multi-camera surveillance grid management and adaptive bandwidth adjustments.
  • Scrollable View Layout Systems4 Sub-TagsLayout systems that position child views with fixed, sticky, or staggered behaviors during scrolling in a RecyclerView. **Distinct from View Layouts:** Distinct from View Layouts: focuses on scroll-aware positioning behaviors like sticky headers and staggered grids, not general view arrangement.
  • Stack-Based LayoutsUI layouts that align content along axes and nest groups for responsive interfaces. **Distinct from View Layouts:** Focuses on linear axis alignment and nesting rather than general data record presentation views.
  • View Data Inheritance1 Sub-TagSets variables on the view object so they are available to all nested sections and included partials without manual re-assignment. **Distinct from View Layouts:** Distinct from View Layouts: focuses on passing data through nested view layers rather than modifying presentation structure.