46 रिपॉजिटरी
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.