awesome-repositories.com
Blog
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
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

84 repository-uri

Awesome GitHub RepositoriesLayout Containers

UI elements for structuring and organizing page content.

Distinguishing note: Focuses on structural layout rather than individual input components.

Explore 84 awesome GitHub repositories matching user interface & experience · Layout Containers. Refine with filters or upvote what's useful.

Awesome Layout Containers GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • clash-verge-rev/clash-verge-revAvatar clash-verge-rev

    clash-verge-rev/clash-verge-rev

    126,057Vezi pe GitHub↗

    This application provides a comprehensive interface for managing network traffic through a core proxy engine. It supports multiple traffic interception methods, including system-wide proxy settings and virtual network interfaces, allowing users to route TCP and UDP traffic based on specific domain, IP, port, or process criteria. The system facilitates complex network configurations through proxy chaining, rule-based routing, and the aggregation of multiple remote subscription sources. Beyond core networking, the tool includes developer-focused utilities for configuration management and system

    Injects custom style sheets to modify the visual appearance and theme of the interface.

    TypeScriptclashclash-metaclash-verge
    Vezi pe GitHub↗126,057
  • ant-design/ant-designAvatar ant-design

    ant-design/ant-design

    98,362Vezi pe GitHub↗

    Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l

    Resizable layout containers support nested panels, collapsible sections, and lazy loading for flexible interface architectures.

    TypeScriptant-designantddesign-systems
    Vezi pe GitHub↗98,362
  • junegunn/fzfAvatar junegunn

    junegunn/fzf

    81,017Vezi pe GitHub↗

    This project is a general-purpose command-line filter that provides an interactive interface for processing standard input streams. It enables real-time fuzzy searching, data selection, and transformation, allowing users to navigate complex information or file systems directly within their terminal. By utilizing a pipe-oriented architecture, it integrates into existing shell pipelines and workflows to facilitate efficient data exploration. What distinguishes this tool is its highly extensible, event-driven design that allows for deep integration with external processes. It supports asynchrono

    Configures individual borders for list and input sections to provide granular control over the visual layout.

    Gobashclifish
    Vezi pe GitHub↗81,017
  • ocornut/imguiAvatar ocornut

    ocornut/imgui

    73,875Vezi pe GitHub↗

    Acest proiect este o bibliotecă de interfață grafică de tip immediate-mode concepută pentru dezvoltarea rapidă a instrumentelor și a interfețelor de depanare. Prin generarea geometriei UI la fiecare cadru prin cod procedural, elimină nevoia de sincronizare persistentă a stării între datele aplicației și interfață. Este destinată în principal integrării în pipeline-urile de randare existente, unde produce buffere de vertex-uri brute și comenzi de desen care sunt agnostice față de API-ul grafic subiacent. Biblioteca se distinge printr-o arhitectură extrem de decuplată care acceptă layout-uri complexe, andocabile și cu mai multe ferestre de vizualizare. Gestionează pozițiile ferestrelor, tragerea tab-urilor și divizarea nodurilor, permițând dezvoltatorilor să detașeze elementele de interfață în ferestre independente ale sistemului de operare. Pentru a asigura o interacțiune consistentă în medii diverse, mapează evenimentele de intrare native într-un format unificat și oferă o scopare robustă bazată pe identificatori pentru a urmări stările elementelor între cadre. Framework-ul oferă o suprafață largă de capabilități pentru construirea de instrumente sofisticate de motor și utilitare de diagnosticare. Include suport pentru componente vizuale avansate, cum ar fi editoare de noduri, plottere 2D și 3D și inspectoare specializate, alături de infrastructură pentru scalarea DPI și randarea formelor personalizate. Sistemul este conceput pentru o portabilitate ridicată, oferind opțiuni de configurare la momentul compilării care permit dezvoltatorilor să adapteze structurile de date de bază și tipurile matematice la cerințele specifice ale motorului. Depozitul oferă exemple extinse pentru conectarea bibliotecii la backend-uri și framework-uri grafice majore, alături de instrumente pentru generarea de binding-uri specifice limbajelor.

    Facilitates window layout management through tab dragging, node splitting, and the undocking of individual interface hierarchies.

    C++apicplusplusframework
    Vezi pe GitHub↗73,875
  • hakimel/reveal.jsAvatar hakimel

    hakimel/reveal.js

    71,731Vezi pe GitHub↗

    This project is a web-native presentation framework that renders slide decks from standard HTML or Markdown. It functions as a declarative slide engine, managing navigation, state persistence, and lifecycle events through a configuration-driven interface. By leveraging standard web technologies, it enables the creation of responsive, browser-based presentations that support complex layouts, nested transitions, and interactive content. The framework distinguishes itself through a modular, plugin-based architecture that allows developers to extend core functionality using custom hooks and event

    Configure scroll behavior to align content using mandatory, proximity-based, or free-scrolling modes.

    JavaScriptpresentationsslidesslideshow
    Vezi pe GitHub↗71,731
  • chenglou/pretextAvatar chenglou

    chenglou/pretext

    48,480Vezi pe GitHub↗

    Pretext is a canvas-based text layout engine designed to calculate precise text dimensions and line breaks for custom rendering. It serves as a rich text measurement tool and a cross-browser typography normalizer, enabling the determination of pixel-perfect widths and heights for mixed inline content without relying on browser CSS. The project distinguishes itself through its ability to handle complex typography and dynamic layouts. It implements language-specific segmentation rules for CJK and Hangul scripts and corrects emoji width variances between DOM and canvas rendering. Additionally, i

    Controls how text flows and breaks around obstacles or within variable-width containers using custom line-breaking logic.

    TypeScript
    Vezi pe GitHub↗48,480
  • appsmithorg/appsmithAvatar appsmithorg

    appsmithorg/appsmith

    40,051Vezi pe GitHub↗

    Appsmith is a low-code platform designed for building internal business tools, such as operational dashboards and administrative panels. It enables developers to construct dynamic user interfaces by dragging and dropping modular widgets onto a canvas and binding them directly to backend data sources. The platform utilizes a reactive framework that automatically updates interface elements and triggers functions whenever underlying data or widget properties change, eliminating the need for manual event handling. The platform distinguishes itself through a server-side proxy architecture that exe

    Provides structural containers and layout tools for organizing application pages.

    TypeScriptadmin-dashboardadmin-panelsapp-builder
    Vezi pe GitHub↗40,051
  • alvarotrigo/fullpage.jsAvatar alvarotrigo

    alvarotrigo/fullPage.js

    35,437Vezi pe GitHub↗

    fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan

    Creates a layout where content is divided into full-screen sections that snap to viewport boundaries during scrolling.

    JavaScriptfullpagefullscreenjavascript
    Vezi pe GitHub↗35,437
  • mantinedev/mantineAvatar mantinedev

    mantinedev/mantine

    31,263Vezi pe GitHub↗

    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

    Centers content with configurable padding and maximum width constraints.

    TypeScriptdark-modedark-themehooks
    Vezi pe GitHub↗31,263
  • kenwheeler/slickAvatar kenwheeler

    kenwheeler/slick

    28,573Vezi pe GitHub↗

    Slick is a JavaScript carousel library used to create responsive, touch-enabled sliding content areas. It functions as a frontend layout tool that allows for automated content rotation and the creation of lazy-loading image galleries. The library distinguishes itself through the ability to synchronize multiple sliders, ensuring that movement in one carousel automatically advances others to the same position. It supports adaptive breakpoints that adjust the number of visible slides based on screen size and utilizes lazy loading to defer image downloads until they enter the viewport. The syste

    Dynamically swaps configuration sets and recalculates layout constraints based on window dimensions.

    JavaScript
    Vezi pe GitHub↗28,573
  • reflex-dev/reflexAvatar reflex-dev

    reflex-dev/reflex

    28,136Vezi pe GitHub↗

    Reflex is a full-stack web framework that enables the development of complete web applications using only Python. It provides a unified environment where server-side logic and client-side interfaces are synchronized through a shared, event-driven architecture. By using a declarative component language, the framework compiles code into reactive frontend elements and backend event handlers, allowing developers to manage the entire application lifecycle within a single codebase. The framework distinguishes itself through its reactive state management and integrated AI-assisted development tools.

    Organizes interface elements using stacks, grids, and responsive containers.

    Pythonframeworkguiopen-source
    Vezi pe GitHub↗28,136
  • bvaughn/react-virtualizedAvatar bvaughn

    bvaughn/react-virtualized

    27,072Vezi pe GitHub↗

    react-virtualized is a library of components for rendering massive lists and tables by drawing only the elements visible in the viewport. It provides specialized layout managers including a windowed grid component and a dynamic height list manager. The project includes a masonry layout engine for packing items of varying heights and widths, as well as an infinite scroll interface for incrementally fetching and appending data. The library covers a broad range of virtualization capabilities, including frozen grid elements, reverse list rendering, and synchronized viewport scrolling. It also su

    Implements a grid system that packs items of varying heights and widths to optimize vertical space.

    JavaScriptgridlistlistview
    Vezi pe GitHub↗27,072
  • greensock/gsapAvatar greensock

    greensock/GSAP

    23,877Vezi pe GitHub↗

    GSAP is a comprehensive JavaScript animation library designed for orchestrating complex motion sequences and interactive user interfaces. It provides a robust property-interpolation engine that calculates intermediate values for CSS styles, attributes, and numeric properties, enabling smooth visual transitions across web elements. The framework is built on a core architecture that manages animation lifecycles, timeline-based sequence orchestration, and virtual property interception to ensure precise control over motion. The library distinguishes itself through a modular, plugin-based extensib

    Forces scroll positions to align with specific points or animation progress values once scrolling stops.

    JavaScriptanimationgsapjavascript
    Vezi pe GitHub↗23,877
  • nostalgic-css/nes.cssAvatar nostalgic-css

    nostalgic-css/NES.css

    21,773Vezi pe GitHub↗

    NES.css is an 8-bit CSS framework and styling system that transforms standard HTML elements into pixelated interfaces inspired by classic gaming consoles. It serves as a retro UI component library and toolkit for rendering text, borders, and icons with a blocky aesthetic. The framework uses pure CSS to emulate 8-bit graphics without relying on external images or JavaScript rendering. It implements pixel-art border simulations and integrates pixel-style web fonts to maintain a consistent gaming aesthetic across different browsers. The system provides a suite of game-themed interface elements,

    Provides stylized content wrappers and containers to organize page sections with a retro aesthetic.

    SCSS8bitcsscss-framework
    Vezi pe GitHub↗21,773
  • readest/readestAvatar readest

    readest/readest

    21,502Vezi pe GitHub↗

    Readest is a comprehensive digital reading platform designed to manage, annotate, and consume electronic books across multiple devices. It functions as a versatile library manager and reading environment, supporting a wide range of user needs from standard ebook consumption to specialized study and accessibility-focused workflows. The platform distinguishes itself through advanced features like parallel text study, which enables side-by-side document rendering with synchronized scrolling, and a robust text-to-speech engine that provides hands-free reading with synchronized visual highlighting

    Supports the injection of custom style sheets to modify the visual appearance of book content.

    TypeScriptandroidcross-platformebook
    Vezi pe GitHub↗21,502
  • uikit/uikitAvatar uikit

    uikit/uikit

    18,534Vezi pe GitHub↗

    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

    Provides content containment through variable container sizes and adaptive width modifiers.

    HTML
    Vezi pe GitHub↗18,534
  • bookstackapp/bookstackAvatar BookStackApp

    BookStackApp/BookStack

    18,305Vezi pe GitHub↗

    BookStack is a self-hosted knowledge base platform designed for organizing, storing, and managing structured documentation. It utilizes a hierarchical content model that arranges information into nested trees of books, chapters, and pages, supported by a dedicated search index for rapid retrieval across the entire knowledge base. The platform distinguishes itself through deep integration with enterprise identity providers, allowing organizations to centralize authentication and access control via LDAP, SAML, or OIDC. It provides extensive administrative control over the content lifecycle, inc

    Allows injection of custom CSS and JavaScript into application headers to override default visual and functional behaviors.

    PHPbookstackdocumentationlaravel
    Vezi pe GitHub↗18,305
  • hoffstadt/dearpyguiAvatar hoffstadt

    hoffstadt/DearPyGui

    15,217Vezi pe GitHub↗

    DearPyGui is a GPU-accelerated, immediate-mode graphical user interface framework for Python. It provides a high-performance toolkit for building interactive desktop applications by leveraging native hardware-accelerated rendering backends across multiple operating systems. By utilizing an immediate-mode execution model, the library offers direct control over the rendering loop and element state, enabling the creation of responsive, dynamic interfaces. The framework distinguishes itself through its ability to handle complex, high-frequency visual updates, making it suitable for real-time data

    Provides functionality for snapping and arranging windows within the viewport to create custom layouts.

    C++cppcross-platformdearpygui
    Vezi pe GitHub↗15,217
  • tanstack/routerAvatar TanStack

    TanStack/router

    14,681Vezi pe GitHub↗

    TanStack Router is a type-safe routing library for web applications that provides full type safety for paths, search parameters, and data loaders across the entire application stack. It functions as a comprehensive framework for server-side rendering, enabling the generation of complete HTML pages to improve initial load performance and search engine optimization. By integrating declarative data fetching, the library manages asynchronous information at the route level, supporting preloading, caching, and parallel request execution to ensure data is ready before components render. The project

    Provides configurable scroll axes to support vertical, horizontal, or grid-based layout requirements.

    TypeScriptframeworkfullstackjavascript
    Vezi pe GitHub↗14,681
  • astronvim/astronvimAvatar AstroNvim

    AstroNvim/AstroNvim

    14,355Vezi pe GitHub↗

    AstroNvim is a modular Neovim distribution that functions as a comprehensive development environment. It provides a pre-configured framework for managing editor settings, plugin ecosystems, and language server integrations, effectively transforming a base text editor into a full-featured integrated development environment. The project distinguishes itself through a highly customizable Lua-based architecture that emphasizes modularity and performance. It enables users to manage complex editor configurations through a centralized, declarative system that supports lazy loading, community-maintai

    Allows customization of window border styles across the interface to override default plugin appearances.

    Luaastronvimastrovimhacktoberfest
    Vezi pe GitHub↗14,355
Înapoi1234…5Înainte
  1. Home
  2. User Interface & Experience
  3. Layout Containers

Explorează sub-etichetele

  • Animated Expandable ContainersLayout containers that dynamically change size using animations and parallax effects. **Distinct from Layout Containers:** Specifically adds animation and parallax logic to the expansion process, whereas general Layout Containers are structural.
  • Border Configurations1 sub-tagSettings for defining and styling individual element borders within a user interface.
  • Container Queries4 sub-tag-uriAdjusts layouts based on parent container dimensions. **Distinct from Layout Containers:** Specifically implements layout logic based on container size rather than generic UI structural containers.
  • Custom Style Sheet InjectionsInjecting CSS for interface personalization.
  • Dynamic Text ScalingAutomatically adjusting font sizes to keep text visible without clipping or unexpected wrapping. **Distinct from Dynamic Text Wrapping Engines:** Distinct from Dynamic Text Wrapping Engines which focus on calculating line breaks and obstacles, whereas this focuses on shrinking the font size itself.
  • Dynamic Text Wrapping Engines1 sub-tagLogic for calculating line breaks that adapt to obstacles or dynamic container constraints. **Distinct from Text Wrapping Controls:** Implements the actual calculation logic for wrapping around obstacles, rather than just UI controls for toggling wraps.
  • Dynamic UI LabelsInterface labels that update automatically based on application state or user interaction.
  • Header Configurations3 sub-tag-uriDynamic modification of interface header visibility and content during runtime.
  • Interactive Header Components1 sub-tagUI elements that trigger custom logic upon user interaction with header sections.
  • Masonry Layouts3 sub-tag-uriComponents that arrange items in a grid-like structure where elements are placed in the next available vertical space.
  • Resizable Splitters1 sub-tagLayout containers that allow users to adjust the dimensions of nested panels.
  • Scroll Snapping Configurations4 sub-tag-uriSettings that define how scrollable containers align content to specific snap points after a scroll gesture ends.
  • Text Wrapping Controls2 sub-tag-uriMechanisms for managing the visual display of long-form text, including line-break toggles and overflow indicators.
  • Window Docking SystemsLibraries that provide functionality for splitting, tabbing, and managing the layout of multiple windows within an application interface.