<p align="center">
  <img src="https://www.vvveb.com/admin/themes/default/img/biglogo.png" alt="Vvveb">
</p>
<p align="center">
  <a href="https://www.vvveb.com">Website</a> |
  <a href="https://twitter.com/vvvebcms">Twitter</a> 
</p>

# [Vvveb Bootstrap 5 admin dashboard html template](https://demo.vvveb.com/admin) &nbsp; 

Vvveb admin theme is a free and open source fully responsive administration template. 

Based on **[Bootstrap 5](https://getbootstrap.com/)** framework.

It uses gulp file include for html partials and scss for css.

For icons it uses ionicons and lineawesome font icons.  

Default admin theme used in **[Vvveb CMS](https://www.vvveb.com)**

**[👉 Live Demo](https://demo.vvveb.com/admin)**

| [![](https://www.vvveb.com/vvveb-admin/dashboard-light.png)](https://www.vvveb.com/vvveb-admin/dashboard-light.png) |
|:---:|

| [![](https://www.vvveb.com/vvveb-admin/dashboard-light.png)](https://www.vvveb.com/vvveb-admin/dashboard-light.png) | [![](https://www.vvveb.com/vvveb-admin/dashboard-dark.png)](https://www.vvveb.com/vvveb-admin/dashboard-dark.png) | [![](https://www.vvveb.com/vvveb-admin/login-light.png)](https://www.vvveb.com/vvveb-admin/login-light.png) | [![](https://www.vvveb.com/vvveb-admin/login-dark.png)](https://www.vvveb.com/vvveb-admin/login-dark.png) |
|:---:|:---:|:---:|:---:|
| **Dashboard** | **Dashboard dark** | **Login** | **Login dark** |
| [![](https://www.vvveb.com/vvveb-admin/post-light.png)](https://www.vvveb.com/vvveb-admin/post-light.png) | [![](https://www.vvveb.com/vvveb-admin/post-dark.png)](https://www.vvveb.com/vvveb-admin/post-dark.png) | [![](https://www.vvveb.com/vvveb-admin/product-light.png)](https://www.vvveb.com/vvveb-admin/product-light.png) | [![](https://www.vvveb.com/vvveb-admin/product-dark.png)](https://www.vvveb.com/vvveb-admin/product-dark.png) |
| **Post**  | **Post dark** | **Product**  | **Product dark** |
| [![](https://www.vvveb.com/vvveb-admin/products-light.png)](https://www.vvveb.com/vvveb-admin/products-light.png) | [![](https://www.vvveb.com/vvveb-admin/products-dark.png)](https://www.vvveb.com/vvveb-admin/products-dark.png) | [![](https://www.vvveb.com/vvveb-admin/posts-light.png)](https://www.vvveb.com/vvveb-admin/posts-light.png) | [![](https://www.vvveb.com/vvveb-admin/posts-dark.png)](https://www.vvveb.com/vvveb-admin/posts-dark.png) |
| **Products** | **Products dark** | **Posts** | **Posts dark** |
| [![](https://www.vvveb.com/vvveb-admin/media-light.png)](https://www.vvveb.com/vvveb-admin/media-light.png) | [![](https://www.vvveb.com/vvveb-admin/media-dark.png)](https://www.vvveb.com/vvveb-admin/media-dark.png) | [![](https://www.vvveb.com/vvveb-admin/themes-light.png)](https://www.vvveb.com/vvveb-admin/themes-light.png) | [![](https://www.vvveb.com/vvveb-admin/themes-dark.png)](https://www.vvveb.com/vvveb-admin/themes-dark.png) |
| **Media** | **Media dark** | **Themes** | **Themes dark** |
| [![](https://www.vvveb.com/vvveb-admin/plugins-light.png)](https://www.vvveb.com/vvveb-admin/plugins-light.png) | [![](https://www.vvveb.com/vvveb-admin/plugins-dark.png)](https://www.vvveb.com/vvveb-admin/plugins-dark.png) | [![](https://www.vvveb.com/vvveb-admin/editor-light.png)](https://www.vvveb.com/vvveb-admin/editor-light.png) | [![](https://www.vvveb.com/vvveb-admin/editor-dark.png)](https://www.vvveb.com/vvveb-admin/editor-dark.png) |
| **Plugins** | **Plugins dark** | **Editor** | **Editor dark** |
| [![](https://www.vvveb.com/vvveb-admin/updates-light.png)](https://www.vvveb.com/vvveb-admin/updates-light.png) | [![](https://www.vvveb.com/vvveb-admin/site-dark.png)](https://www.vvveb.com/vvveb-admin/site-dark.png) | [![](https://www.vvveb.com/vvveb-admin/cache-light.png)](https://www.vvveb.com/vvveb-admin/cache-light.png) | [![](https://www.vvveb.com/vvveb-admin/cache-dark.png)](https://www.vvveb.com/vvveb-admin/cache-dark.png) |
| **Updates** | **Site dark** | **Cache** | **Cache dark** |
| [![](https://www.vvveb.com/vvveb-admin/email-light.png?a)](https://www.vvveb.com/vvveb-admin/email-light.png) | [![](https://www.vvveb.com/vvveb-admin/categories-dark.png)](https://www.vvveb.com/vvveb-admin/categories-dark.png) | [![](https://www.vvveb.com/vvveb-admin/coupons-light.png)](https://www.vvveb.com/vvveb-admin/coupons-light.png) | [![](https://www.vvveb.com/vvveb-admin/language-light.png)](https://www.vvveb.com/vvveb-admin/language-light.png) |
| **Email** | **Categories dark** | **Coupons light** | **Language light** |


## Quick start

- Clone the repo and run it.
```bash
git clone https://github.com/givanz/vvveb-admin-template/
cd vvveb-admin-template
npm i
npm run gulp
```

## Build

### Generate html files

```bash
npm run gulp
```

### Watch for changes for development

```bash
npm run gulp watch
```

## Documentation

For documentation check the [theme development documentation](http://dev.vvveb.com/theme-introduction)

## Support

If you like the project you can support it with a [PayPal donation](https://paypal.me/zgivan) or become a backer/sponsor via [Open Collective](https://opencollective.com/vvvebjs)


<a href="https://opencollective.com/vvvebjs/sponsors/0/website"><img src="https://opencollective.com/vvvebjs/sponsors/0/avatar"></a>
<a href="https://opencollective.com/vvvebjs/backers/0/website"><img src="https://opencollective.com/vvvebjs/backers/0/avatar"></a>


## License

Apache 2.0
