Vuejs UI Layout Components

Filter By

Vuejs UI Layout

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

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

Jul 6, 2022

Official Vue.js wrapper for fullPage.js http://alvarotrigo.com/vue-fullpage/

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

Jul 5, 2022

Vue3 component layout waterfall

Jul 5, 2022

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

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

Jul 4, 2022

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

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

Jul 2, 2022

Responsive, Draggable & Resizable Dashboard (Grid) for Vue

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

Jul 1, 2022

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

Jul 1, 2022

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

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

Jun 30, 2022

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

Jun 30, 2022

Popular layouts and patterns made with Tailwind CSS

Jun 30, 2022

Vue component for efficiently rendering large collection data. Inspired by react-virtualize.

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

Jun 30, 2022

Layoutit grid is a CSS Grid layout generator

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.

Jun 29, 2022

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

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

Jun 28, 2022

Grace - Design System For Vue Applications

Jun 28, 2022

🧮 Generate basic CSS Grid code to make dynamic layouts!

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

Jun 28, 2022

Vue component for efficiently rendering large collection data

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

Jun 27, 2022

Mobile UI Components based on Vue & WeUI

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

Jun 27, 2022

Ant Design Vue Pro Layout

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 +

Jun 27, 2022

⚡️ Blazing fast scrolling for any amount of data

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

Jun 26, 2022

⚡️A vue component support big amount data list with high render performance and efficient.

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

Jun 26, 2022

Simplifies creating academic presentations with Slidev by providing the necessary components and layouts🎓

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

Jun 25, 2022

A simple, lightweight Javascript library for dynamic grid layouts.

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

Jun 25, 2022

A waterfall layout component for Vue.js

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

Jun 25, 2022

A pure vue responsive masonry layout without direct dom manipulation and ssr support.

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

Jun 24, 2022

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

Jun 24, 2022

A pure vue native horizontal list implementation for mobile/touch and responsive web.

👋 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

Jun 24, 2022

💠 Vue.js directive for masonry blocks layouting ✅

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

Jun 24, 2022

Golden layout integration in vue

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

Jun 22, 2022

:iphone: Vue component for isotope filter & sort magical layouts

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

Jun 22, 2022

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

Jun 22, 2022

🗃️Smart widget is a flexible and extensible content container component for Vue2.x.

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

Jun 22, 2022

Material web components for Vue.js

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

Jun 20, 2022

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

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

Jun 18, 2022

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

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

Jun 18, 2022

Vue Fabric.js Wrapper

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

Jun 17, 2022

A convenient space to keep a diary of things that need to be done every day

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

Jun 14, 2022

🧙‍♂️🔌 Responsive Magic Grid for Vue

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

Jun 14, 2022

UI Component Library Base on Vue.js(2.x) and Bulma

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

Jun 14, 2022

😎Drag Zone component for @vuejs

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

Jun 13, 2022

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

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

Jun 11, 2022

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

Jun 8, 2022

Vue Virtual Keyboard - Simple-keyboard Vue.js Demos

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

Jun 8, 2022

模仿windows10的vue3框架. windows10 in vue3

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

Jun 7, 2022

Vue3 仿Win10 UI 框架

Jun 7, 2022

🌊 A horizontal sorting waterfall layout component for Vue.js, realized by flex layout

vue-flex-waterfall A horizontal sorting waterfall layout component for Vue.js, realized by flex layout. Refer to CSS masonry with flexbox, :nth-child(

Jun 6, 2022

This is an invoice app that you can create, read, update and delete invoices, save draft invoices and mark pending invoices as paid, filter invoices by status (draft/pending/paid).

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

Jun 2, 2022

Vuejs UI Layout Resources

Filter By

Vuejs UI Layout