22 repository-uri
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.
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.
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.
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.
A waterfall grid layout view for SwiftUI.
Enables waterfall-style grid layouts for interface design.
A Vue 3 (and 2) reliable, simple and touch-ready panes splitter / resizer.
Touch-ready panes splitter and resizer.
Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/
Component for full-page scrolling layouts.
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.
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.
🍌 Angular UI library to split views and allow dragging to resize areas using CSS grid layout.
Provides resizable split views for application layouts.
💠 Vue.js directive for masonry blocks layouting ✅
Directive for masonry-style block layouts.
A flexible grid layout view for SwiftUI.
Provides a flexible grid view for arranging interface elements.
A vuejs grid with draggable and resizable boxes
Draggable and resizable grid system.
vue3 virtual waterfall component(Vue3虚拟瀑布流组件)
Virtual waterfall layout component for Vue 3.
Clone of the Angular FlexLayout
Offers a flexbox-based layout engine for responsive designs.
FlowStack is a SwiftUI component for laying out content in a grid.
Serves as a component for building grid layouts.
Scale-based large-screen adaptive solution
Solution for large screen adaptive layouts.
A tiny Drawer component with bounced animation for Vue 🚪🎏🗄🔛
Tiny drawer panel with animation support.
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.
Delivers a grid component with support for custom styling.
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.