Vue.js Components & Libraries UI Layout

Back

1. vue-waterfall

A waterfall layout component for Vue.js.

2. vueisotope

Vue component for isotope filter & sort magical layouts.

3. vue-grid-layout

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

4. vue-drag-zone

Drag Zone component for Vue.js(2.x).

5. vue-masonry

Vue.js directive for masonry blocks layouting.

6. vue-fraction-grid

Flexbox based responsive fraction grid system for Vue.js.

7. vue-virtual-scroll-list

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

8. vue-virtual-scroller

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

9. vue-virtualscroll

[Vue 2.x] component to virtual scroll things.

10. vue-inview

[Vue 2.x] Viewport, get notification when DOM element is entered or leave.

11. dnd-grid

A vuejs grid with draggable and resizable boxes

12. vue-extend-layout

Extend the default layout or create custom layouts for the pages of your Vue.js SPA

13. vue-masonry-css

Vue.js Masonry layout component powered by CSS, dependency free.

14. vue-fullpage.js

Official fullPage.js component for Vue.js.

15. vue-virtual-collection

Vue component for efficiently rendering large collection data.

16. autoresponsive-vue

Auto responsive grid layout library for Vue.

17. VueFlex

A flexbox grid system.

18. v-chacheli

A Vue.js component to create and display custom dashboard-like grid layouts.

19. vue-grid-styled

A lightweight set of functional grid components, ported from React's [grid-styled](https://github.com/jxnblk/grid-styled/)

20. simple-grid

Vue component for grid layout,support flex.

21. vue-container-component

Simple container component inspired on Bootstrap Container

22. vue-colcade

A small wrapper for integrating Colcade grid layout to Vuejs.

23. 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.

24. vue-magic-grid

A tiny port of Magic Grid for Vue.js 2.

25. vue-splitter-pane

A Vuejs component which renders two slots in a adjustable split arrangement (vetical or horizontal).

26. splitpanes

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

27. vue-mock-layout

Easily mock the layout of your Vue apps.

28. vue-simple-drawer

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

29. vue-grd

Simple, Light-weight and Flexible Vue.js component for grid layout.

30. vue-masonry-component

A Vue.js component wrapping masonry layout library.

31. vue-smart-widget

Smart widget is a flexible and extensible content container component for Vue.js 2.x.

32. vue-colrow

Responsive grid layout components: Row, Col. Based on css flexbox. Support SSR, fixed or fraction width, auto grow Col.

33. vue-diagonal

Simple and light-weight component to create diagonal elements.

34. vue-responsive-dash

A Responsive, Draggable & Resizable Dashboard (grid) made with vue and typescript.

35. vue-masonry-wall

A pure vue responsive masonry layout without direct dom manipulation, ssr friendly and lazy loading.

36. vue-horizontal-list

A pure vue responsive horizontal list layout with ssr support, mobile and touch friendly.

37. vue-layout-system

Vue components that solve daily layout problems.

38. simple-vue-grid

Simple grid containers that will help you to build layouts for your app.

39. iron-grid-system

A responsive grid system for Vue 3.x.