Free and beautiful Vue.js admin template with 44+ custom UI components.
Developed by Epicmax.
Designed by Vasili Savitski
Based on Vuestic UI library.
Light theme demo | Semi-dark theme demo | Original theme demo | Vuestic UI documentation
> Vuestic Admin is built with Vuestic UI. See our
> issues,
> contributing guide and join discussions on our
> discord server to help us improve Vuestic Admin & Vuestic UI experience.
### Documentation
Documentation, guides and tutorials are available
on vuestic.dev
### Official Discord Server
Ask questions at the official
community [discord server](https://discord.gg/jTKTjj2weV)
### Installation
First of all, make sure you have all prerequisites installed:
- [Node.js](https://nodejs.org/en/) ( >=14.\*)
- [npm](https://www.npmjs.com/get-npm) version 3+ (
or [yarn](https://yarnpkg.com/lang/en/docs/install) version 1.16+)
and [Git](https://git-scm.com).
After checking the prerequisites, follow these simple steps to install and use
Vuestic Admin:
```
# clone the repo
$ git clone https://github.com/epicmaxco/vuestic-admin.git myproject
# go into app's directory and install dependencies:
$ cd myproject
```
Then, if you use npm:
```
$ npm install
# serve with hot reload at localhost:8080 by default.
$ npm run dev
# build for production
$ npm run build
# build for production and view the bundle analyzer report.
$ npm run build --report
```
If you use yarn:
```
$ yarn install
# serve with hot reload at localhost:8080 by default.
$ yarn dev
# build for production
$ yarn build
# build for production and view the bundle analyzer report.
$ yarn build --report
```
### Features
[Responsive layout](https://admin.vuestic.dev/admin/dashboard) |
[charts (Chart.js)](https://admin.vuestic.dev/admin/statistics/charts) |
[progress bars](https://admin.vuestic.dev/admin/statistics/progress-bars) |
[forms](https://admin.vuestic.dev/admin/forms/form-elements) |
[selects](https://admin.vuestic.dev/admin/forms/form-elements) |
[date pickers](https://admin.vuestic.dev/admin/forms/form-elements) |
[checkboxes and radios](https://admin.vuestic.dev/admin/forms/form-elements)
|
[static tables and data tables](https://admin.vuestic.dev/admin/tables/data)
|
[medium editor](https://admin.vuestic.dev/admin/forms/medium-editor) |
[smooth typography](https://admin.vuestic.dev/admin/ui/typography) |
[buttons](https://admin.vuestic.dev/admin/ui/buttons) |
[collapses](https://admin.vuestic.dev/admin/ui/collapses) |
[color pickers](https://admin.vuestic.dev/admin/ui/color-pickers) |
[timelines](https://admin.vuestic.dev/admin/ui/timelines) |
[toasts](https://admin.vuestic.dev/admin/ui/notifications) |
[tooltips](https://admin.vuestic.dev/admin/ui/popovers) |
[popovers](https://admin.vuestic.dev/admin/ui/popovers) |
[icons](https://admin.vuestic.dev/admin/ui/icons/) |
[spinners](https://admin.vuestic.dev/admin/ui/spinners) |
[modals](https://admin.vuestic.dev/admin/ui/modals) |
[file upload](https://admin.vuestic.dev/admin/ui/file-upload) |
[chips](https://admin.vuestic.dev/admin/ui/chips) |
[trees](https://admin.vuestic.dev/admin/ui/tree-view) |
[cards](https://admin.vuestic.dev/admin/ui/cards) |
[ratings](https://admin.vuestic.dev/admin/ui/rating) |
[sliders](https://admin.vuestic.dev/admin/ui/sliders) |
[chat](https://admin.vuestic.dev/admin/ui/chat) |
[maps (MapLibre, Yandex, Leaflet, amMap)](https://admin.vuestic.dev/admin/maps/maplibre-maps)
|
[login/signup pages templates](https://admin.vuestic.dev/auth/login) |
[404 pages templates](https://admin.vuestic.dev/admin/pages/404-pages) |
[i18n](https://admin.vuestic.dev/admin/dashboard)
### Browser Support
We design Vuestic Admin to support the latest modern web browsers.
| 
Edge | 
Firefox | 
Chrome | 
Safari | 
Opera |
| ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
### Contributing
Thanks for all your wonderful PRs, issues and ideas.
You’re always welcome to join: check out
our
contribution guides
, [open issues](https://github.com/epicmaxco/vuestic-ui/issues)
and [discord server](https://discord.gg/jTKTjj2weV)
### Partners & Sponsors ❤️
Become a partner: [hello@epicmax.co](mailto:hello@epicmax.co)
## Can I hire you guys?
[Epicmax](https://epicmax.co) is committed to Open Source from its beginning.
[Vuestic UI](https://vuestic.dev) was created and backed by Epicmax, and is supported through all the years.
You can request a consultation or order web development services by Epicmax via this [form](https://epicmax.co/contacts) 😎
Say hi: hello@epicmax.co. We will be happy to work with you!
[Other work](https://epicmax.co) we’ve done 🤘
[Meet the Team](https://vuestic.dev/team)
### Awards
By @flatlogic marketplace
### Follow us
Stay up to date with the latest Vuestic news! Follow us
on [Twitter](https://twitter.com/vuestic_ui)
or [Linkedin](https://www.linkedin.com/company/18509340)
### License
[MIT](https://github.com/epicmaxco/vuestic-admin/blob/master/LICENSE) license.