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
·

22 repository-uri

Awesome GitHub RepositoriesLayout Components

Components for managing grid systems, scrolling, and page structure.

Explore 22 awesome GitHub repositories matching part of an awesome list · Layout Components. Refine with filters or upvote what's useful.

Awesome Layout Components GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • akryum/vue-virtual-scrollerAvatar Akryum

    Akryum/vue-virtual-scroller

    10,615Vezi pe GitHub↗

    This library is a headless virtualization engine designed to optimize performance for large-scale list and grid rendering in Vue applications. By mounting only the elements currently visible within the viewport, it minimizes browser operations and memory usage, allowing interfaces to remain responsive even when handling massive datasets. The engine distinguishes itself through a headless layout abstraction that decouples virtualization logic from specific markup, enabling the creation of custom interfaces without enforcing rigid container styles. It features automatic, dynamic size calculatio

    Efficient scrolling component for large lists.

    Vuescrollervirtual-scrollervuejs
    Vezi pe GitHub↗10,615
  • jbaysolutions/vue-grid-layoutAvatar jbaysolutions

    jbaysolutions/vue-grid-layout

    7,414Vezi pe GitHub↗

    vue-grid-layout is a draggable and resizable grid system for Vue.js that enables users to customize the placement and size of interface elements. It functions as a dynamic widget orchestrator and a state-persistent layout manager, allowing for the creation of customizable dashboard interfaces where components can be arranged and sized according to user preference. The system operates as a responsive dashboard framework that automatically adapts grid arrangements based on viewport size and supports right-to-left text directions. It provides the ability to capture and serialize grid positions a

    Draggable and resizable grid layout system.

    JavaScriptdrag-and-dropgridgrid-layout
    Vezi pe GitHub↗7,414
  • tangbc/vue-virtual-scroll-listAvatar tangbc

    tangbc/vue-virtual-scroll-list

    4,517Vezi pe GitHub↗

    vue-virtual-scroll-list este o implementare de listă virtualizată pentru aplicațiile Vue. Acesta oferă o componentă care randează doar elementele vizibile ale unui set mare de date pentru a menține performanța ridicată și a limita numărul de elemente DOM active. Proiectul funcționează ca un renderer de listă de înaltă performanță și un manager de viewport dinamic. Acesta calculează dimensiunile listei în timp real și offset-urile de scroll pentru a afișa mii de intrări de date fără a degrada utilizarea memoriei browserului sau performanța. Sistemul include control programatic al scroll-ului pentru a naviga la indici de elemente specifici sau offset-uri de pixeli. De asemenea, oferă utilitare pentru interogarea dimensiunilor listei, dimensiunii viewport-ului și măsurătorilor individuale ale elementelor pentru a gestiona spațierea layout-ului.

    Virtual scroll list for handling large datasets.

    JavaScriptbig-datainfinite-scrollvirtual-list
    Vezi pe GitHub↗4,517
  • paololeonardi/waterfallgridAvatar paololeonardi

    paololeonardi/WaterfallGrid

    2,664Vezi pe GitHub↗

    A waterfall grid layout view for SwiftUI.

    Enables waterfall-style grid layouts for interface design.

    Swiftiosmacosswift
    Vezi pe GitHub↗2,664
  • antoniandre/splitpanesAvatar antoniandre

    antoniandre/splitpanes

    2,235Vezi pe GitHub↗

    A Vue 3 (and 2) reliable, simple and touch-ready panes splitter / resizer.

    Touch-ready panes splitter and resizer.

    Vuesplitpanessplittervue
    Vezi pe GitHub↗2,235
  • alvarotrigo/vue-fullpage.jsAvatar alvarotrigo

    alvarotrigo/vue-fullpage.js

    1,875Vezi pe GitHub↗

    Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/

    Component for full-page scrolling layouts.

    Vuefullpagefullpagejsfullscreen
    Vezi pe GitHub↗1,875
  • q-mobile/qgridAvatar Q-Mobile

    Q-Mobile/QGrid

    1,651Vezi pe GitHub↗

    NOTE If you'd like to see QGrid in action, check out this demo of early alpha version of QDesigner (see video below). Install Beta of QDesigner: https://testflight.apple.com/join/aSXW5tVp Install a companion QDesigner Client on iPhone, to see your UI design on a target device, updated in…

    Offers a collection view implementation for grid-based layouts.

    Swift
    Vezi pe GitHub↗1,651
  • apptekstudios/ascollectionviewAvatar apptekstudios

    apptekstudios/ASCollectionView

    1,380Vezi pe GitHub↗

    A SwiftUI implementation of UICollectionView & UITableView. Here's some of its useful features: supports preloading and onAppear/onDisappear. supports cell selection, with automatic support for SwiftUI editing mode. supports autosizing of cells. supports the new…

    Provides a collection view with support for custom layouts.

    Swift
    Vezi pe GitHub↗1,380
  • bertrandg/angular-splitAvatar bertrandg

    bertrandg/angular-split

    930Vezi pe GitHub↗

    🍌 Angular UI library to split views and allow dragging to resize areas using CSS grid layout.

    Provides resizable split views for application layouts.

    TypeScript
    Vezi pe GitHub↗930
  • shershen08/vue-masonryAvatar shershen08

    shershen08/vue-masonry

    689Vezi pe GitHub↗

    💠 Vue.js directive for masonry blocks layouting ✅

    Directive for masonry-style block layouts.

    JavaScriptlayoutmasonryvue
    Vezi pe GitHub↗689
  • pietropizzi/gridstackAvatar pietropizzi

    pietropizzi/GridStack

    659Vezi pe GitHub↗

    A flexible grid layout view for SwiftUI.

    Provides a flexible grid view for arranging interface elements.

    Swift
    Vezi pe GitHub↗659
  • dattn/dnd-gridAvatar dattn

    dattn/dnd-grid

    305Vezi pe GitHub↗

    A vuejs grid with draggable and resizable boxes

    Draggable and resizable grid system.

    Vue
    Vezi pe GitHub↗305
  • lhlyu/vue-virtual-waterfallAvatar lhlyu

    lhlyu/vue-virtual-waterfall

    237Vezi pe GitHub↗

    vue3 virtual waterfall component(Vue3虚拟瀑布流组件)

    Virtual waterfall layout component for Vue 3.

    Vue
    Vezi pe GitHub↗237
  • ngbracket/ngx-layoutAvatar ngbracket

    ngbracket/ngx-layout

    230Vezi pe GitHub↗

    Clone of the Angular FlexLayout

    Offers a flexbox-based layout engine for responsive designs.

    TypeScript
    Vezi pe GitHub↗230
  • johnsusek/flowstackAvatar johnsusek

    johnsusek/FlowStack

    153Vezi pe GitHub↗

    FlowStack is a SwiftUI component for laying out content in a grid.

    Serves as a component for building grid layouts.

    Swift
    Vezi pe GitHub↗153
  • jp-liu/fit-screenAvatar jp-liu

    jp-liu/fit-screen

    85Vezi pe GitHub↗

    Scale-based large-screen adaptive solution

    Solution for large screen adaptive layouts.

    TypeScript
    Vezi pe GitHub↗85
  • dreambo8563/vue-simple-drawerAvatar dreambo8563

    dreambo8563/vue-simple-drawer

    58Vezi pe GitHub↗

    A tiny Drawer component with bounced animation for Vue 🚪🎏🗄🔛

    Tiny drawer panel with animation support.

    HTMLcomponentdrawerscss
    Vezi pe GitHub↗58
  • chiribuc/vue-stack-gridAvatar chiribuc

    chiribuc/vue-stack-grid

    13Vezi pe GitHub↗

    StackGrid is a Vue 3 component for fast, dynamic masonry/stack layouts. It automatically arranges items based on the container width and now supports buttery-smooth transitions for add/remove/reflow events.

    Dynamic and responsive grid layout component.

    Vue
    Vezi pe GitHub↗13
  • swiftuiextensions/gridS

    SwiftUIExtensions/Grid

    0Vezi pe GitHub↗

    Delivers a grid component with support for custom styling.

    Vezi pe GitHub↗0
  • pdanpdan/virtual-scrollAvatar pdanpdan

    pdanpdan/virtual-scroll

    10Vezi pe GitHub↗

    Vue Virtual Scroll - High-performance, feature full Vue 3 virtual scrolling library (dynamic items size with fixed size optimization, list/table/grid mode, support for huge size)

    High-performance virtual scroll library for massive lists.

    TypeScript
    Vezi pe GitHub↗10
Înapoi12Înainte
  1. Home
  2. Part of an Awesome List
  3. Developer Tools
  4. Layout Components