78 Repos
Reusable interface elements that persist across multiple views or pages.
Distinguishing note: Focuses on persistent UI layout structures rather than individual interactive widgets.
Explore 78 awesome GitHub repositories matching user interface & experience · Layout Components. Refine with filters or upvote what's useful.
Tailwind CSS is a utility-first CSS framework and design system framework used to build custom user interfaces. It provides a set of low-level utility classes that are applied directly in HTML, allowing for the creation of custom web designs without writing traditional custom CSS files. The framework functions as a PostCSS plugin and a responsive web design tool. It utilizes a mobile-first system of modifiers to create layouts that adapt to different screen sizes and establishes consistent visual languages through a centralized configuration of colors, spacing, and typography. The system sup
Allows for the creation of unique visual styles and layouts without the restrictions of pre-made UI components.
Slidev is a markdown-based presentation framework designed for creating interactive, web-based slide decks. It functions as a static site generator that transforms plain text files into modular UI components, allowing authors to maintain version control while building professional presentations. The engine provides a browser-based runtime that manages slide navigation, animated transitions, and the live execution of code blocks. What distinguishes Slidev is its developer-centric approach to technical presentations. It features built-in support for syntax highlighting, mathematical typesetting
Slidev adds persistent interface elements like navigation controls, headers, or footers by defining specific component files that remain visible across all slides.
Payload is a headless content management system and application framework that uses a code-first approach to define data schemas and administrative interfaces. By utilizing a centralized, type-safe configuration object, it automatically generates database schemas, API endpoints, and a fully customizable admin panel. The system is built on a database-agnostic architecture, allowing it to interface with various storage engines while providing a unified, type-safe API for server-side operations, REST, and GraphQL. What distinguishes Payload is its deep extensibility and developer-centric design.
Organizes fields into horizontal rows to improve visual layout in the admin panel.
Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Provides structural components for creating adaptive application shells and navigation interfaces.
This project is a structured Rust programming course and technical educational resource. It functions as an interactive coding tutorial and systems programming guide, providing a curriculum designed to teach the Rust language, its ecosystem, and advanced concepts like memory management and performance optimization. The resource is delivered as a markdown-based technical book and static website. It distinguishes itself through the integration of interactive coding tasks and executable code snippets, allowing learners to practice syntax and programming logic directly within the instructional co
Implements reusable layout components to maintain a consistent navigation and content structure throughout the technical book.
Bagisto is a modular e-commerce platform designed for building and managing scalable online storefronts. It functions as an enterprise-grade toolkit that provides a structured environment for handling complex inventory, secure payment processing, and shipping logistics. Built on a flexible architecture, the platform allows developers to extend core business logic through custom packages and specialized product types. The platform distinguishes itself through a highly modular design that utilizes service-provider-based dependency injection and a repository-pattern data access layer to decouple
Build reusable interface elements and complex UI structures using a template component system to ensure consistent design patterns across the entire application.
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
Enables the design of bespoke application shells and navigation structures to match specific branding requirements.
ngx-admin is a customizable administrative interface template and enterprise UI component library built with Angular. It provides a framework for creating responsive web dashboards and management consoles through a set of reusable interface elements and layout examples. The project features a theming and layout framework that allows for real-time visual style updates and support for right-to-left interface directionality. It includes a frontend implementation for role-based access management to verify user credentials and protect private application areas. The system utilizes a component-bas
Implements reusable interface elements that persist across multiple views to create consistent dashboard structures.
NativeScript is a cross-platform mobile development framework that enables the creation of native iOS and Android applications using JavaScript or TypeScript. It provides a direct bridge to native platform APIs, allowing developers to invoke native classes, methods, and properties directly from script code while maintaining full access to underlying mobile operating system features. The framework distinguishes itself through its direct native UI rendering, which maps declarative markup components to actual platform-native widgets rather than web-based views. This architecture is supported by
Enables the definition of custom structures for managing the positioning and arrangement of child elements.
Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and
Specifies base templates that act as containers for components to ensure a consistent site-wide structure.
Compose Samples is a collection of reference implementations for the Jetpack Compose UI library, serving as a practical guide for building native Android user interfaces. It demonstrates the use of a declarative framework where Kotlin functions describe layout structures and data dependencies, enabling developers to construct modern, reactive interfaces. The repository highlights architectural patterns that prioritize maintainability and testability, such as layered organization and unidirectional data flow. It showcases how to implement adaptive layouts that automatically adjust to various s
Provides base structures for constructing bespoke interface arrangements and complex grid layouts.
React Grid Layout is a toolkit for building draggable, resizable, and responsive dashboard interfaces. It functions as a coordinate-based grid system that reconciles component positions and dimensions through declarative metadata, allowing developers to manage complex collections of UI elements that users can interact with directly. The library distinguishes itself through an automated packing algorithm that maintains structural integrity by shifting elements to fill gaps and resolving overlaps. It supports responsive design by monitoring container width changes against pre-defined breakpoint
Supports custom coordinate logic and transformation rules for specialized layout arrangements.
UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers
Offers a library of shared styling primitives and behavioral components to ensure consistent visual structures across the interface.
vant-weapp is a UI library for WeChat Mini Programs, providing a collection of reusable interface components to create consistent user experiences. It functions as a layout framework for structuring applications and a mobile form component library for capturing structured user data. The project includes a specialized e-commerce component set designed for retail patterns, such as product cards, area selectors, and order submission bars. The library covers a broad range of capabilities, including application navigation architecture, complex form implementation through calendars and pickers, a
Provides pre-built components for common retail patterns including product cards and order submission bars.
Rofi is a keyboard-driven application launcher and window switcher for X11 desktops. It functions as a scriptable command palette and a compatible emulator for dmenu, capable of reading options from standard input and returning a user selection to standard output. The project is distinguished by a customizable window interface using a CSS-like theming system and a flexible box-model widget hierarchy. It features a recursive theme inheritance system and responsive styling that adapts based on screen dimensions and monitor identifiers. The tool provides advanced text filtering using fuzzy, reg
Arranges interface components into hierarchical structures using a flexible box-model widget system.
Anko is an Android Kotlin library designed to simplify application development through a set of domain-specific languages and extensions. It functions as a programmatic UI DSL, an SQLite wrapper, an SDK utility, and an asynchronous framework. The project provides a declarative layout system that allows developers to build user interfaces through code instead of static XML markup. It distinguishes itself by offering a fluent database layer that eliminates manual cursor management and a concurrency system that uses weak references to prevent memory leaks in activities. The library covers broad
Allows the creation of custom view blocks to integrate non-standard interface elements into the layout DSL.
JSDoc is a JavaScript API documentation generator that parses comments in source code to produce structured documentation files for a project interface. It functions as a source code documentation tool that extracts metadata from code comments to automate the creation of technical API references. The system operates as a template-based documentation engine, supporting external templates to customize the visual presentation and layout of the output. It also serves as a Markdown documentation exporter, transforming extracted documentation into Markdown files for use on alternative publishing pl
Allows the application of external templates to customize how the generated documentation is structured and presented.
Nextra is a documentation framework for Next.js that functions as an MDX static site generator. It enables the creation of structured technical documentation sites by transforming MDX files into themed static pages with built-in layout and navigation. It serves as a React-based documentation tool that allows the integration of custom React components directly into markdown content. The framework distinguishes itself through integrated full-text search and a localization system that manages multilingual content via language routing and translation selectors. It also includes an AI-powered chat
Offers pre-configured layouts specifically designed for technical documentation, including sidebars and search bars.
React Styleguidist is a style guide generator and documentation tool for React components. It creates a living documentation site and a searchable gallery by parsing component files to display property definitions and live usage examples. The project provides an isolated development environment for building and testing components independently from a main application. It uses static analysis to extract metadata and supports a hot-reloading server to reflect changes in real time. The system includes capabilities for dynamic property injection, sandbox rendering, and customizable visual layout
Injects parsed component metadata into customizable HTML and CSS layouts to generate the documentation site.
bpytop is a cross-platform terminal system monitor and resource dashboard for Unix-like operating systems. It provides a real-time interface for tracking processor, memory, disk, and network usage across Linux, macOS, and FreeBSD. The tool functions as a process manager, allowing users to filter, sort, and terminate system processes using a tree-view layout. It also serves as a hardware health monitor by tracking battery status and system temperatures. The interface is highly customizable, featuring a theme engine for adjusting color schemes and a layout system to toggle specific resource bo
Allows toggling specific resource boxes and switching between view presets to organize screen information.