Vue.js UI Layouts

This list will help you find the best Vue.js ui layout.

Iron-grid-system
Iron-grid-system
A responsive grid system for Vue 3.x.
Simple-vue-grid
Simple-vue-grid
Simple grid containers that will help you to build layouts for your app.
Vue-layout-system
Vue-layout-system
Vue components that solve daily layout problems.
Vue-horizontal-list
Vue-horizontal-list
A pure vue responsive horizontal list layout with ssr support, mobile and touch friendly.
Vue-masonry-wall
Vue-masonry-wall
A pure vue responsive masonry layout without direct dom manipulation, ssr friendly and lazy loading.
Vue-responsive-dash
Vue-responsive-dash
A Responsive, Draggable & Resizable Dashboard (grid) made with vue and typescript.
Vue-diagonal
Vue-diagonal
Simple and light-weight component to create diagonal elements.
Vue-colrow
Vue-colrow
Responsive grid layout components: Row, Col. Based on css flexbox. Support SSR, fixed or fraction width, auto grow Col.
Vue-smart-widget
Vue-smart-widget
Smart widget is a flexible and extensible content container component for Vue.js 2.x.
Vue-masonry-component
Vue-masonry-component
A Vue.js component wrapping masonry layout library.
Vue-grd
Vue-grd
Simple, Light-weight and Flexible Vue.js component for grid layout.
Vue-simple-drawer
Vue-simple-drawer
A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down
Vue-mock-layout
Vue-mock-layout
Easily mock the layout of your Vue apps.
Splitpanes
Splitpanes
A Vue JS reliable, simple and touch-ready panes splitter / resizer.
Vue-splitter-pane
Vue-splitter-pane
A Vuejs component which renders two slots in a adjustable split arrangement (vetical or horizontal).
Vue-magic-grid
Vue-magic-grid
A tiny port of Magic Grid for Vue.js 2.
Vue-ads-layout
Vue-ads-layout
A small library of Vue components to quickly generate a responsive web application layout with toolbar, left/right drawers and a footer. All components can be positioned fixed or relative.
Vue-colcade
Vue-colcade
A small wrapper for integrating Colcade grid layout to Vuejs.
Vue-container-component
Vue-container-component
Simple container component inspired on Bootstrap Container
Simple-grid
Simple-grid
Vue component for grid layout,support flex.
Vue-grid-styled
Vue-grid-styled
A lightweight set of functional grid components, ported from React's grid-styled
V-chacheli
V-chacheli
A Vue.js component to create and display custom dashboard-like grid layouts.
VueFlex
VueFlex
A flexbox grid system.
Autoresponsive-vue
Autoresponsive-vue
Auto responsive grid layout library for Vue.
Vue-virtual-collection
Vue-virtual-collection
Vue component for efficiently rendering large collection data.
Vue-fullpage.js
Vue-fullpage.js
Official fullPage.js component for Vue.js.
Vue-masonry-css
Vue-masonry-css
Vue.js Masonry layout component powered by CSS, dependency free.
Vue-extend-layout
Vue-extend-layout
Extend the default layout or create custom layouts for the pages of your Vue.js SPA
Dnd-grid
Dnd-grid
A vuejs grid with draggable and resizable boxes
Vue-inview
Vue-inview
[Vue 2.x] Viewport, get notification when DOM element is entered or leave.
Vue-virtualscroll
Vue-virtualscroll
[Vue 2.x] component to virtual scroll things.
Vue-virtual-scroller
Vue-virtual-scroller
Component to scroll a large amount of elements efficiently (Vue 2.x).
Vue-virtual-scroll-list
Vue-virtual-scroll-list
A vue (2.x) component support big data by using virtual scroll list.
Vue-fraction-grid
Vue-fraction-grid
Flexbox based responsive fraction grid system for Vue.js.
Vue-drag-zone
Vue-drag-zone
Drag Zone component for Vue.js(2.x).
Vue-grid-layout
Vue-grid-layout
A draggable and resizable grid layout, for Vue.js.
Vue-waterfall
Vue-waterfall
A waterfall layout component for Vue.js.