Vuejs UI Layout Resources

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

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

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

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

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

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

Command Palette for Vue A fast, composable, unstyled command + k interface (Command Palette) for Vue. Preview Concepts Command palette interfaces are

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.

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

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

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

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

👋 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

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

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

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

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

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

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

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 Virtual Grid Virtual Scrolling Grid made for VueJS based on CSS grids. NPM Package | Demo Website Render any Vue Component (images, iframes, conte

Vue Splitter Pane Demo vue-splitter-pane is a Vuejs component which renders two slots in a adjustable split arrangement (vetical or horizontal). Uses

simple-grid a simple grid layout(Vue Component) Installation use npm $ npm i simple-xgrid --save import Grid from 'simple-xgrid' import 'simple-xgrid

vue-grd Simple, Light-weight and Flexible Vue.js component for grid layout. Vue.js port of grd. Install npm install --save vue-grd Usage You can use

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

Grace - Design System For Vue Applications

slidev-theme-academic Simplifies creating academic presentations with Slidev by providing the necessary components and layouts. Install Add the follow

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

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

Popular layouts and patterns made with Tailwind CSS

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

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

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

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

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

A new masonry component powered by CSS to be fast loading and free of jQuery or other dependencies. Build specifically for Vue.js projects. 😎 Why? Ex

A new masonry component powered by CSS to be fast loading and free of jQuery or other dependencies. Build specifically for Vue.js projects. 😎 Why? Ex

autoresponsive-vue Auto responsive grid layout library for Vue. Examples Live demo & docs: xudafeng.github.io/autoresponsive-vue Installation $ npm i

autoresponsive-vue Auto responsive grid layout library for Vue. Examples Live demo & docs: xudafeng.github.io/autoresponsive-vue Installation $ npm i

A pack of Vue components that solve daily layout problems

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

vue-extend-layout A simple extend the default layout or create custom layouts for your SPA Vue.js, using dynamic import component. For vue-extend-layo

vue-extend-layout A simple extend the default layout or create custom layouts for your SPA Vue.js, using dynamic import component. For vue-extend-layo

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 +

WP Vue This is just a simple Vue application (scaffolded using the Vue CLI) that pulls posts from a WordPress REST API endpoint. Clone or fork this su

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

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

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.Isotope Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing isotope layout including filtering and sorting. Motivation Integrate Vue wit

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

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