The Best 97 Vuejs UI Layout Libraries

dnd-grid A vuejs grid with draggable and resizable boxes Demo page The demo requires Vue = 2.3.0 because of the ":layout.sync" feature The components

vue-responsive-dash A Responsive, Draggable & Resizable Dashboard (grid) made with vue and typescript. Inspired by React-Grid-Layout & Vue-Grid-Layout

vue-masonry Current version: 0.12.0 Vue.js directive for masonry blocks layouting. Original masonry library. Plugin DEMO available 🎉 , JSFiddle DEMO

vue-grid-layout Documentation Website What is Vue Grid Layout? vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by

vue3-win10 Vue3 仿Win10 UI 框架 推荐 Vue 3 + Typescript + Vite + Using script setup 文档|官网|Demo 本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。 Demo|Demo|Demo Usa

Splitpanes A Vue.js reliable, simple and touch-ready panes splitter / resizer. Vue 3 compatible. Installation npm i splitpanes Vue 3 npm i splitpanes

vue-fabric-wrapper Stick Man Example: Currently implemented the following Fabric Objects: Fabric.Canvas, Fabric.Circle, Fabric.Ellipse, Fabric.Group,

Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.

Be Cool with [email protected]^2.3.0 and WeUI. Live Demo Sponsors 我们的产品 Requirements 暂未适配 [email protected]，请注意。 [email protected]^2.3.0(for .sync modifier) [email protected]^2.0 [email protected]^7.6

A pack of Vue components that solve daily layout problems

Vue-fullpage.js Official Vue.js wrapper for the fullpage.js library. Demo online | Codepen fullpage.js Extensions By @imac2. Thanks to VasiliyGryaznoy

Responsive masonry layout with SSR support and zero dependencies for Vue 3.

Magic Grid A simple, lightweight Javascript library for dynamic grid layouts. Creating a dynamic grid layout has never been easier. With Magic Grid, a

vue-virtual-scroller Blazing fast scrolling of any amount of data | Live demo | Video demo Sponsors Table of contents Installation Usage RecycleScroll

With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl

vue-smart-widget Smart widget is a flexible and extensible content container component. It includes header and body part, and widget body includes edi

Table of contents Advantages Live demo Simple usage Props type Required props Optional props Public methods Attentions Advantages Only 3 required prop

vue-grid-layout Documentation Website What is Vue Grid Layout? vue-grid-layout is a grid layout system, like Gridster, for Vue.js. Heavily inspired by

Popular layouts and patterns made with Tailwind CSS

Vue Grid Responsive Responsive grid system based on Bootstrap for Vue. • • Installation NPM vue 2.0 npm i vue-grid-responsive // OR yarn add vue-grid-

CSS Grid Generator Site: https://cssgrid-generator.netlify.com/ This project is a way for people to use CSS Grid features quickly to create dynamic la

vue-virtual-collection Vue component for efficiently rendering large collection data. Inspired by react-virtualize. Demo Table of Contents generated w

vue-virtual-collection Vue component for efficiently rendering large collection data. Inspired by react-virtualize. Demo Table of Contents generated w

MacOS WebUI 项目介绍 一套基于Vue3和ElementUI实现类似MacOS风格的WebUI，尽可能还原MacOS相关的设计

Grace - Design System For Vue Applications

vue3-win10 Vue3 仿Win10 UI 框架 推荐 Vue 3 + Typescript + Vite + Using script setup 文档|官网|Demo 本框架可以让你的页面像win10视窗系统一样，变为一个网页上的win10系统。 Demo|Demo|Demo Usa

Vue Virtual Grid Virtual Scrolling Grid made for VueJS based on CSS grids. NPM Package | Demo Website Render any Vue Component (images, iframes, conte

vue-waterfall A waterfall layout component for Vue.js . Branch 0.x (version 0.x.x) is compatible with Vue 1 . Demo Vertical line Horizontal line Verti

In this project I cloned the user interface of Windows using Vue.js. Each folder in it represents a GitHub repository.

Challenge-Resposive-Web-Design-in-300hr Things that you must learn about it to run on road front-end world. In this Responsive Web Design challenge, y

vue-breakpoints Vue.js utility component to show and hide components based on breakpoints 📺 Demo 🔧 Install npm i vue-breakpoints yarn add vue-breakp

vue-breakpoints Vue.js utility component to show and hide components based on breakpoints 📺 Demo 🔧 Install npm i vue-breakpoints yarn add vue-breakp

جاب‌گای چیست؟ اونجا وضعیت چطوریه؟ یه سوال به همین کلیت و ابهام معمولا وقتی برای یه شرکت رزومه می‌فرستیم این سوال کلی و بزرگ برای همه پیش میاد.اونجا وض

👋 You might want to use Vue Horizontal instead! Vue Horizontal is another take on the horizontal layout written by me with an ultra simple implementa

Vue.js 2.x responsive grid system with smooth sorting, drag-n-drop and reordering

Vue.js Grid ( Experiment ) ⚠️ This an experement and not a production-ready plugin Fixed size grid for Vue.js This is very a first version of the plug

Vue components inspired by Microsoft's Fluent Design System

Ant Design Vue Pro Layout This template should help get you started developing with Vue 3 and Ant Design Vue 2 in Vite. Recommended IDE Setup VSCode +

If you're looking for vue-mdl, check the mdl branch. To learn about what's happening, check #139 Vue Material Components web Material Components Web f

vue-golden-layout Integration of the golden-layout to Vue Installation npm i -S vue-golden-layout Fast example golden-layout gl-row gl-comp

Office UI Fabric Vue Note: Because office-ui-fabric-js no longer support, this project need to rewrite using office-ui-fabric-core. But it's lots of w

The Ultimate fully-customizable plugin for skeleton cards in Vue. It's a no-brainer.

Vue-Drag-Zone Drag Zone component for Vue. 适用于 Vue 的 DOM 拖动组件。 Example Example Page Install CDN script type="text/javascript" src="path/to/vue.min.js

vue-slideout This component is a simple vue implementation of Slideout.js Demo Install npm install vue-slideout Usage App.vue template div id=

vue-inview V2 This Version is under development, so, if you wish to use vueinview, please click HERE star If you like vue-inview, just give me star on

Vue Invoice App This is the solution for Frontend Mentor Invoice App. You can keep track of your personal invoices with this app. You can create a new

OVA - Ejecución de programas deportivos Objeto virtual de aprendizaje para el estudio del área de deportes del SENA. Integrantes Edwin Jesús Páez Rued

Attention I'm very sorry about the lack of concern about this library Recently. So busy in doing other things and I have no time to maintain it. I wil

An ultra simple pure vue horizontal layout for modern responsive web with zero dependencies. (SPA/SSG/SSR)

vue-masonry-wall A pure vue responsive masonry implementation without direct dom manipulation, ssr friendly with lazy appending. I created this becaus

This is a repository for simple-keyboard's Vue.js demos https://virtual-keyboard.js.org/vuejs Have an issue or question? Please post it in the main re

Vue-Magic-Grid This is a Vue.js port of @e-oj's Magic Grid. Please check the /test folder for a example. If you use images, make sure they have a set

vue-calculate This simple calculate-app on Vue-3 and Vite You can see it by link: Vue.js-Calculator Build with Vue-3 Vite Getting Started Installation

VueResponsiveGridLayout 1.2.0 Responsive draggable and resizable grid layout for VueJS. Its responsiveness is based on breakpoints (similar to Bootstr