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

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

46 repository-uri

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

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • odoo/odooAvatar odoo

    odoo/odoo

    52,445Vezi pe GitHub↗

    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
    Vezi pe GitHub↗52,445
  • marmelab/react-adminAvatar marmelab

    marmelab/react-admin

    26,780Vezi pe GitHub↗

    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
    Vezi pe GitHub↗26,780
  • lissy93/dashyAvatar Lissy93

    Lissy93/dashy

    24,026Vezi pe GitHub↗

    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
    Vezi pe GitHub↗24,026
  • tipsy/profile-summary-for-githubAvatar tipsy

    tipsy/profile-summary-for-github

    19,946Vezi pe 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
    Vezi pe GitHub↗19,946
  • airbnb/react-sketchappAvatar airbnb

    airbnb/react-sketchapp

    14,880Vezi pe 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
    Vezi pe GitHub↗14,880
  • daimajia/androidswipelayoutAvatar daimajia

    daimajia/AndroidSwipeLayout

    12,365Vezi pe GitHub↗

    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
    Vezi pe GitHub↗12,365
  • nicklockwood/icarouselAvatar nicklockwood

    nicklockwood/iCarousel

    12,129Vezi pe 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
    Vezi pe GitHub↗12,129
  • jfeinstein10/slidingmenuAvatar jfeinstein10

    jfeinstein10/SlidingMenu

    11,001Vezi pe GitHub↗

    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
    Vezi pe GitHub↗11,001
  • alibaba/vlayoutAvatar alibaba

    alibaba/vlayout

    10,740Vezi pe GitHub↗

    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
    Vezi pe GitHub↗10,740
  • hackware1993/magicindicatorAvatar hackware1993

    hackware1993/MagicIndicator

    9,799Vezi pe GitHub↗

    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
    Vezi pe GitHub↗9,799
  • facebook/shimmerAvatar facebook

    facebook/Shimmer

    9,331Vezi pe GitHub↗

    Shimmer este o bibliotecă de stare de încărcare UI utilizată pentru a genera placeholder-uri de tip skeleton și efecte de animație de tip view-wrapping. Oferă un set de instrumente pentru crearea de animații de evidențiere care semnalează că conținutul se încarcă în cadrul unei interfețe utilizator. Proiectul include un generator de ecrane skeleton și un wrapper de animație pentru view-uri. Aceste componente aplică un efect de gradient în mișcare peste view-urile existente pentru a oferi feedback vizual în timp ce datele sunt preluate. Biblioteca acoperă animația interfeței utilizator și tiparele de design pentru aplicații mobile. Implementează indicatori de încărcare printr-o combinație de mascare cu gradient liniar, translație în spațiul de coordonate și bucle de animație bazate pe keyframe-uri.

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

    Objective-C
    Vezi pe GitHub↗9,331
  • navasmdc/materialdesignlibraryAvatar navasmdc

    navasmdc/MaterialDesignLibrary

    8,922Vezi pe GitHub↗

    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
    Vezi pe GitHub↗8,922
  • heyform/heyformAvatar heyform

    heyform/heyform

    8,852Vezi pe GitHub↗

    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
    Vezi pe GitHub↗8,852
  • simplezhli/flutter_deerAvatar simplezhli

    simplezhli/flutter_deer

    8,580Vezi pe GitHub↗

    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
    Vezi pe GitHub↗8,580
  • tahash/swapyAvatar TahaSh

    TahaSh/swapy

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

    zhiyiYo/PyQt-Fluent-Widgets

    7,651Vezi pe GitHub↗

    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
    Vezi pe GitHub↗7,651
  • swiftkickmobile/swiftmessagesAvatar SwiftKickMobile

    SwiftKickMobile/SwiftMessages

    7,556Vezi pe GitHub↗

    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
    Vezi pe GitHub↗7,556
  • lona/lonaAvatar Lona

    Lona/Lona

    7,546Vezi pe 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
    Vezi pe GitHub↗7,546
  • metricsgraphics/metrics-graphicsAvatar metricsgraphics

    metricsgraphics/metrics-graphics

    7,403Vezi pe 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
    Vezi pe GitHub↗7,403
  • mozilla/metrics-graphicsAvatar mozilla

    mozilla/metrics-graphics

    7,403Vezi pe 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
    Vezi pe GitHub↗7,403
Înapoi123Înainte
  1. Home
  2. User Interface & Experience
  3. View Layouts

Explorează sub-etichetele

  • 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-tag-uriLayout 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-tag-uriLayout 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.