Layout and grids

12 entries

This category mixes layout helpers that solve different problems. vue-virtual-scroller, the most-starred, renders only the visible rows of a long list, which keeps the DOM small for thousands of items; it supports Vue 3 and is actively maintained. splitpanes builds resizable panes, vue-fullpage.js is the official fullPage.js wrapper (check fullPage.js licensing for commercial use), and vue-masonry and vue-virtual-waterfall lay out uneven cards in columns.

For dashboards with draggable, resizable widgets, vue-grid-layout is the long-standing option, but it targets Vue 2 and has had no commit in over two years; dnd-grid and vue-stack-grid are listed Vue 3 alternatives. vue-virtual-scroll-list is also Vue 2 only. Since Vue 2 reached end of life in December 2023, filter to Vue 3 first, then check whether a virtual list needs fixed item heights, which matters when rows have dynamic content.

On the bench stars against last commit

12 entries

vue-virtual-scrollervue-virtual-scroller

Component to scroll a large amount of elements efficiently (Vue 2.x).

Vue 310.8kupdated 1d ago

vue-grid-layoutvue-grid-layout

A draggable and resizable grid layout, for Vue.js.

Vue 2 only7.4kupdated 2y ago

vue-virtual-scroll-listvue-virtual-scroll-list

A vue (2.x) component support big data by using virtual scroll list.

Vue 2 only4.5kupdated 2y ago

splitpanessplitpanes

A Vue JS reliable, simple and touch-ready panes splitter / resizer.

Vue 32.2kupdated 2mo ago

vue-fullpage.jsvue-fullpage.js

Official fullPage.js component for Vue.js.

Vue 31.9kupdated 1y ago

vue-masonryvue-masonry

Vue.js directive for masonry blocks layouting.

Vue 2 + 3687updated 3y ago

dnd-grid@dattn/dnd-grid

A vuejs grid with draggable and resizable boxes

Vue 3305updated 6mo ago

vue-virtual-waterfall@lhlyu/vue-virtual-waterfall

A virtual waterfall component for Vue 3.x.

Vue 3247updated 2mo ago

fit-screen@fit-screen/vue

A vue component based on the scale large screen adaptive solution.

Vue 2 + 381updated 1y ago

vue-simple-drawervue-simple-drawer

A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down

Vue 2 only58updated 2y ago

vue-stack-grid@crob/vue-stack-grid

A Vue 3 component designed to make creating dynamic, responsive grid layouts easy and efficient.

Vue 314updated 2mo ago

virtual-scroll@pdanpdan/virtual-scroll

High-performance Vue 3 virtual scroll library designed to handle massive lists with ease. Supports vertical, horizontal, and bidirectional (grid) scrolling, dynamic item sizes using ResizeObserver, full support for Right-to-Left (RTL) layouts, build in a11y.

Vue 313updated 24d ago
About this site
Esc

Type to search every entry. ↑↓ to move, Enter to open.