UI Layout

Layout for the overall / main view

  • vue-waterfall - A waterfall layout component for Vue.js.
  • vueisotope - Vue component for isotope filter & sort magical layouts.
  • vue-grid-layout - A draggable and resizable grid layout, for Vue.js.
  • vue-drag-zone - Drag Zone component for Vue.js(2.x).
  • vue-masonry - Vue.js directive for masonry blocks layouting.
  • vue-fraction-grid - Flexbox based responsive fraction grid system for Vue.js.
  • vue-virtual-scroll-list - A vue (2.x) component support big data by using virtual scroll list.
  • vue-virtual-scroller - Component to scroll a large amount of elements efficiently (Vue 2.x).
  • vue-virtualscroll - [Vue 2.x] component to virtual scroll things.
  • vue-inview - [Vue 2.x] Viewport, get notification when DOM element is entered or leave.
  • dnd-grid - A vuejs grid with draggable and resizable boxes
  • vue-extend-layout - Extend the default layout or create custom layouts for the pages of your Vue.js SPA
  • vue-masonry-css - Vue.js Masonry layout component powered by CSS, dependency free
  • vue-fullpage.js - Official fullPage.js component for Vue.js.
  • vue-virtual-collection - Vue component for efficiently rendering large collection data.
  • autoresponsive-vue - Auto responsive grid layout library for Vue.
  • VueFlex - A flexbox grid system.
  • v-chacheli - A Vue.js component to create and display custom dashboard-like grid layouts.
  • vue-grid-styled - A lightweight set of functional grid components, ported from React's grid-styled
  • simple-grid - Vue component for grid layout,support flex.
  • vue-container-component - Simple container component inspired on Bootstrap Container
  • vue-colcade - A small wrapper for integrating Colcade grid layout to Vuejs.
  • 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-magic-grid - A tiny port of Magic Grid for Vue.js 2.
  • vue-splitter-pane - A Vuejs component which renders two slots in a adjustable split arrangement (vetical or horizontal).
  • splitpanes - A Vue JS reliable, simple and touch-ready panes splitter / resizer.
  • vue-mock-layout - Easily mock the layout of your Vue apps.
  • vue-simple-drawer - A tiny drawer panel with bounced animation, nest supported and theme customized. directions: left/right/up/down