Starter responsive dashboard layout built with tailwindcss & vue 3 (vitejs)

Overview

Starter Responsive Dashboard Layout

Starter responsive dashboard layout built with tailwindcss & vue 3 (vitejs)

GitHub license GitHub stars

See live

Another projects

Alpine version

Live

Github repo

K-WD dashboard (Tailwindcss & alpinejs)

Live

Github repo


To get started:

  1. Clone the repository:

    git clone https://github.com/Kamona-WD/starter-dashboard-layout-vue.git
    
    cd starter-dashboard-layout-vue
  2. Install the dependencies:

    # Using npm
    npm install
    
    # Using Yarn
    yarn
  3. Start the development server:

    # Using npm
    npm run dev
    
    # Using Yarn
    yarn dev

    Now you should be able to see the project running at localhost:3000.

  4. Open src/* and start experimenting!

Building for production

To build an optimized version of your CSS, simply run:

# Using npm
npm run build

# Using Yarn
yarn build

After that's done, check out dist to see the optimized output.


Support

Buy Me A Coffee

Be careful and donate just if it is within your possibilities, because there is no refund system. And remember that you don't need to donate, it is just a free choice for you. Thank you!

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

null 154 Jun 10, 2021
Vue Layout System is a pack of Vue components that solve daily layout problems.

A pack of Vue components that solve daily layout problems

boyin.lee 7 Jun 10, 2021
Vue Layout System is a pack of Vue components that solve daily layout problems.

Vue Layout System is a pack of Vue components that solve daily layout problems.

boyin.lee 6 May 30, 2021
Default layout or create custom layouts for the pages of your Vue.js SPA (Multiple layouts)

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

Alan Ktquez 132 May 20, 2021
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

Ben Sladden 144 Jun 9, 2021
Responsive grid system based on Bootstrap for Vue

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-

André Lins 16 May 27, 2021
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

JBay Solutions 4.7k Jun 13, 2021
🗃️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

Yunwei Xiao 69 May 31, 2021
A VueJS flexbox partitionable layout

A VueJS flexbox partitionable layout

José Porto 1 Aug 30, 2020
A Vue plugin to quickly generate a webapplication layout.

vue-ads-layout This is a vue component library to create a default web application layout. You can create a toolbar, footer, left and right drawers. A

Arne De Smedt 29 Nov 30, 2020
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

Fuxing Loh 102 May 30, 2021
A vuejs grid with draggable and resizable boxes

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

null 301 Jun 9, 2021
grid layout,support flex

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

zhoulin 23 Mar 10, 2021
Flexbox based responsive fraction grid system

vue-fraction-grid Flexbox based responsive fraction grid system for Vue.js Live Demo and Full Documentation <container> <grid vertical="middle" :rwd

Bartłomiej Kozal 88 May 7, 2021