peterlu14
190 lines
9.2 KiB
Markdown
190 lines
9.2 KiB
Markdown
<p align="center">
|
||
<a href="https://vuestic.dev" target="_blank">
|
||
<img alt="Vuestic UI Logo" width="500" src="./public/vuestic-admin-logo.png">
|
||
</a>
|
||
</p>
|
||
|
||
<p align="center">
|
||
Free and beautiful Vue.js admin template with 44+ custom UI components.</br>
|
||
Developed by <a href="https://epicmax.co">Epicmax</a>.
|
||
Designed by <a href="#">Vasili Savitski</a>
|
||
<br>
|
||
Based on <a href="https://github.com/epicmaxco/vuestic-ui">Vuestic UI</a> library.
|
||
</p>
|
||
|
||
<p align="center">
|
||
<a href="https://vuestic.epicmax.co/admin/dashboard?theme=light"> Light theme demo </a> | <a href="https://vuestic.epicmax.co/admin/dashboard?theme=semi-dark">Semi-dark theme demo </a> | <a href="https://vuestic.epicmax.co/admin/dashboard?theme=original">Original theme demo </a> | <a href="https://vuestic.dev"> Vuestic UI documentation </a>
|
||
</p>
|
||
|
||
> Vuestic Admin is built with Vuestic UI. See our
|
||
> <a href="https://github.com/epicmaxco/vuestic-ui/issues">issues</a>,
|
||
> <a href="https://vuestic.dev/en/contribution/guide">contributing guide</a> and join discussions on our
|
||
> <a href="https://discord.gg/jTKTjj2weV">discord server</a> to help us improve Vuestic Admin & Vuestic UI experience.
|
||
|
||
<p align="center">
|
||
<a href="https://vuestic.epicmax.co" target="_blank">
|
||
<img src="./public/vuestic-admin-image.jpg" align="center" width="888px"/>
|
||
</a>
|
||
</p>
|
||
|
||
<p align="center">
|
||
<a href="https://circleci.com/gh/epicmaxco/vuestic-admin">
|
||
<img src="https://img.shields.io/circleci/build/github/epicmaxco/vuestic-admin/master" alt="Circleci">
|
||
</a>
|
||
</p>
|
||
|
||
### Documentation
|
||
|
||
Documentation, guides and tutorials are available
|
||
on <a href="https://vuestic.dev">vuestic.dev</a>
|
||
|
||
### 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://vuestic.epicmax.co/admin/dashboard) |
|
||
[charts (Chart.js)](https://vuestic.epicmax.co/admin/statistics/charts) |
|
||
[progress bars](https://vuestic.epicmax.co/admin/statistics/progress-bars) |
|
||
[forms](https://vuestic.epicmax.co/admin/forms/form-elements) |
|
||
[selects](https://vuestic.epicmax.co/admin/forms/form-elements) |
|
||
[date pickers](https://vuestic.epicmax.co/admin/forms/form-elements) |
|
||
[checkboxes and radios](https://vuestic.epicmax.co/admin/forms/form-elements)
|
||
|
|
||
[static tables and data tables](https://vuestic.epicmax.co/admin/tables/data)
|
||
|
|
||
[medium editor](https://vuestic.epicmax.co/admin/forms/medium-editor) |
|
||
[smooth typography](https://vuestic.epicmax.co/admin/ui/typography) |
|
||
[buttons](https://vuestic.epicmax.co/admin/ui/buttons) |
|
||
[collapses](https://vuestic.epicmax.co/admin/ui/collapses) |
|
||
[color pickers](https://vuestic.epicmax.co/admin/ui/color-pickers) |
|
||
[timelines](https://vuestic.epicmax.co/admin/ui/timelines) |
|
||
[toasts](https://vuestic.epicmax.co/admin/ui/notifications) |
|
||
[tooltips](https://vuestic.epicmax.co/admin/ui/popovers) |
|
||
[popovers](https://vuestic.epicmax.co/admin/ui/popovers) |
|
||
[icons](https://vuestic.epicmax.co/admin/ui/icons/) |
|
||
[spinners](https://vuestic.epicmax.co/admin/ui/spinners) |
|
||
[modals](https://vuestic.epicmax.co/admin/ui/modals) |
|
||
[file upload](https://vuestic.epicmax.co/admin/ui/file-upload) |
|
||
[chips](https://vuestic.epicmax.co/admin/ui/chips) |
|
||
[trees](https://vuestic.epicmax.co/admin/ui/tree-view) |
|
||
[cards](https://vuestic.epicmax.co/admin/ui/cards) |
|
||
[ratings](https://vuestic.epicmax.co/admin/ui/rating) |
|
||
[sliders](https://vuestic.epicmax.co/admin/ui/sliders) |
|
||
[chat](https://vuestic.epicmax.co/admin/ui/chat) |
|
||
[maps (MapLibre, Yandex, Leaflet, amMap)](https://vuestic.epicmax.co/admin/maps/maplibre-maps)
|
||
|
|
||
[login/signup pages templates](https://vuestic.epicmax.co/auth/login) |
|
||
[404 pages templates](https://vuestic.epicmax.co/admin/pages/404-pages) |
|
||
[i18n](https://vuestic.epicmax.co/admin/dashboard)
|
||
|
||
### Browser Support
|
||
|
||
We design Vuestic Admin to support the latest modern web browsers.
|
||
|
||
| <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="Edge" width="24px" height="24px" /><br>Edge | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br>Firefox | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br>Chrome | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /><br>Safari | <img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /><br>Opera |
|
||
| ------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||
| Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
|
||
|
||
### Contributing
|
||
|
||
Thanks for all your wonderful PRs, issues and ideas.
|
||
<a href="https://github.com/epicmaxco/vuestic-admin/graphs/contributors">
|
||
<img src="https://opencollective.com/vuestic-admin/contributors.svg?width=890&button=false" />
|
||
</a>
|
||
<br>
|
||
You’re always welcome to join: check out
|
||
our <a href="https://vuestic.dev/en/contribution/guide">
|
||
contribution guides</a>
|
||
, [open issues](https://github.com/epicmaxco/vuestic-ui/issues)
|
||
and [discord server](https://discord.gg/jTKTjj2weV)
|
||
|
||
### Partners & Sponsors ❤️
|
||
|
||
<div>
|
||
<a href="https://epicmax.co/" target="_blank" title="Epicmax - Top Vue.js Development Company"><img src="./.github/assets/epicmax.svg" loading="lazy" vspace="10" alt=""></a>
|
||
<a href="https://www.ag-grid.com/" target="_blank" title=" Data Grid: AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid"><img hspace="15" vspace="10" src="./.github/assets/aggrid.svg" loading="lazy" alt=""></a>
|
||
<a href="https://vuejobs.com/" target="_blank" title="Vue.js jobs – Browse through dozens of Vue.js openings"><img src="./.github/assets/vuejobs.svg" loading="lazy" vspace="10" alt=""></a>
|
||
<a href="https://flatlogic.com/" target="_blank" title="Flatlogic - The best way to create React, Angular and Vue full-stack web applications"><img hspace="15" vspace="10" src="./.github/assets/flatlogic.svg" loading="lazy" alt=""></a>
|
||
</div>
|
||
<br >
|
||
|
||
Become a partner: [hello@epicmax.co](mailto:hello@epicmax.co)
|
||
|
||
## Can I hire you guys?
|
||
|
||
Yes! Say hi: [hello@epicmax.co](mailto:hello@epicmax.co) </br>
|
||
We will be happy to work with you! Other [work we’ve done](https://epicmax.co)
|
||
|
||
### Awards
|
||
|
||
<a href="https://flatlogic.com/templates/vuestic-vue-free-admin" target="_blank">
|
||
<img src="https://i.imgur.com/ZeQPZ3Q.png" align="center" width="150px"/>
|
||
</a>
|
||
<p>
|
||
By <a href="https://flatlogic.com/templates/vuestic-vue-free-admin" target="_blank">@flatlogic</a> marketplace
|
||
</p>
|
||
|
||
### Follow us
|
||
|
||
Stay up to date with the latest Vuestic news! Follow us
|
||
on [Twitter](https://twitter.com/epicmaxco)
|
||
or [Facebook](https://facebook.com/epicmaxco)
|
||
|
||
### License
|
||
|
||
[MIT](https://github.com/epicmaxco/vuestic-admin/blob/master/LICENSE) license.
|