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

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

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

Last synced: about 1 month ago
JSON representation

Responsive dashboard layout

Awesome Lists containing this project

README

        

# Starter Dashboard Layout

Starter responsive dashboard layout built with tailwindcss and alpinejs

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

#### Screens

| | |
| ------------------------------------ | ---------------------------------- |
| ![Showcase light](screens/light.png) | ![Showcase dark](screens/dark.png) |

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

### Vue version
#### [Live](https://kamona-wd.github.io/starter-dashboard-layout-vue/)
#### [Github repo](https://github.com/Kamona-WD/starter-dashboard-layout-vue/)

### Another project

#### K-WD Dashboard
#### [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.git

cd starter-dashboard-layout
```

2. Install the dependencies:

```bash
yarn

# Using npm
npm install
```

3. Start the development server:

```bash
yarn dev

# Using npm
npm run dev
```

## Building for production

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

```bash
yarn build

# Using Yarn
npm run build
```

---

## Support

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