An open API service indexing awesome lists of open source software.

https://github.com/Kamona-WD/starter-dashboard-layout-vue

Starter responsive dashboard layout using tailwindcss & vue 3 (vitejs)
https://github.com/Kamona-WD/starter-dashboard-layout-vue

admin-panel dashboard jsx tailwindcss template vite vue3

Last synced: about 1 month ago
JSON representation

Starter responsive dashboard layout using tailwindcss & vue 3 (vitejs)

Awesome Lists containing this project

README

        

# Starter Responsive Dashboard Layout

Starter responsive dashboard layout built with tailwindcss & vue 3

[![GitHub license](https://img.shields.io/github/license/Kamona-WD/starter-dashboard-layout-vue)](https://github.com/Kamona-WD/starter-dashboard-layout-vue/blob/main/License.md)
[![GitHub stars](https://img.shields.io/github/stars/Kamona-WD/starter-dashboard-layout-vue)](https://github.com/Kamona-WD/starter-dashboard-layout-vue/stargazers)

## [See live](https://kamona-wd.github.io/starter-dashboard-layout-vue/)

## Another projects

#### Alpine version

#### [Live](https://kamona-wd.github.io/starter-dashboard-layout/)

#### [Github repo](https://github.com/Kamona-WD/starter-dashboard-layout/)

#### K-WD dashboard (Tailwindcss & alpinejs)

#### [Live](https://kamona-wd.github.io/kwd-dashboard/)

#### [Github repo](https://github.com/Kamona-WD/kwd-dashboard/)

---

To get started:

1. Clone the repository:

```bash
git clone https://github.com/Kamona-WD/starter-dashboard-layout-vue.git

cd starter-dashboard-layout-vue
```

2. Install the dependencies:

```bash
# Using npm
npm install

# Using Yarn
yarn
```

3. Start the development server:

```bash
# 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:

```bash
# Using npm
npm run build

# Using Yarn
yarn build
```

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

---

## Support

[![PayPal Me](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.me/Akamel721/)