https://github.com/57code/sheep-admin
https://github.com/57code/sheep-admin
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/57code/sheep-admin
- Owner: 57code
- License: mit
- Created: 2022-03-21T00:18:57.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-03-21T00:20:07.000Z (almost 4 years ago)
- Last Synced: 2025-01-10T21:27:42.024Z (about 1 year ago)
- Language: Vue
- Size: 1.56 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# [Admin One — Free Vue 3 Tailwind 3 Admin Dashboard with dark mode](https://justboil.me/tailwind-admin-templates/free-vue-dashboard/)
[](https://justboil.me/tailwind-admin-templates/free-vue-dashboard/) [](https://justboil.me/tailwind-admin-templates/free-vue-dashboard/)
[](https://justboil.github.io/admin-one-vue-tailwind/)
[](https://justboil.github.io/admin-one-vue-tailwind/)
**Admin One** is simple, beautiful and free Vue.js 3.x Tailwind CSS 3.x admin dashboard.
* Built with **Vue.js 3**, **Tailwind CSS 3** framework & **Composition API**
* **Vite** and **Vue CLI** build tools
* **SFC** `` [Info](https://v3.vuejs.org/api/sfc-script-setup.html)
* **Dark mode**
* **Styled** scrollbars
* SPA with **Vuex** & **Router**
* **Production CSS** is only **38kb**
* Reusable components
* Free under MIT License
* [Premium version](https://justboil.me/tailwind-admin-templates/vue-dashboard/) available
## Table of Contents
* [Responsive layout](#responsive-layout)
* [Mobile & tablet](#mobile--tablet)
* [Small laptops](#small-laptops-1024px)
* [Laptops & desktops](#laptops--desktops)
* [Demo](#demo)
* [Free dashboard demo](#free-dashboard-demo)
* [Premium dashboard demo](#premium-dashboard-demo)
* [Quick Start](#quick-start)
* [Get code & install](#get-code--install)
* [Vue CLI builds](#vue-cli-builds)
* [Vite builds](#vite-builds)
* [Linting](#linting)
* [Browser Support](#browser-support)
* [Reporting Issues](#reporting-issues)
* [Licensing](#licensing)
* [Useful Links](#useful-links)
## Responsive layout
### Mobile & tablet
Mobile layout with hidden aside menu and collapsable cards & tables
[](https://justboil.github.io/admin-one-vue-tailwind/)
### Small laptops 1024px
Small laptop layout with show/hide aside menu option
[](https://justboil.github.io/admin-one-vue-tailwind/)
[](https://justboil.github.io/admin-one-vue-tailwind/)
### Laptops & desktops
Classic layout with aside menus on the left
[](https://justboil.github.io/admin-one-vue-tailwind/)
## Demo
### Free Dashboard Demo
https://justboil.github.io/admin-one-vue-tailwind/
### Premium Dashboard Demo
https://tailwind-vue.justboil.me/
## Quick Start
Get code & install. Then use either [Vue CLI](#vue-cli-builds) or [Vite](#vite-builds) builds.
* [Get code & install](#get-code--install)
* [Vue CLI builds](#vue-cli-builds)
* [Vite builds](#vite-builds)
### Get code & install
#### Get the repo
* [Create new repo](https://github.com/justboil/admin-one-vue-tailwind/generate) with this template
* … or clone this repo on GitHub
* … or [download .zip](https://github.com/justboil/admin-one-vue-tailwind/archive/master.zip) from GitHub
#### Install
`cd` to project's dir and run `npm install`
### Vue CLI builds
#### Compiles and hot-reloads for development
```
npm run serve
```
#### Compiles and minifies for production
```
npm run build
```
### Vite builds
[Vite](https://vitejs.dev) is next Generation Frontend Tooling featuring unbundled web-development
#### Hot-reloads for development
```
npm run dev
```
#### Builds and minifies for production
```
npm run build:vite
```
#### Serves recently built app
```
npm run serve:vite
```
### Linting
#### Lint
```
npm run lint
```
#### Lints and fixes files
```
npm run lint:fix
```
## Browser Support
We try to make sure Dashboard works well in the latest versions of all major browsers
<img src="https://justboil.me/images/browsers-svg/chrome.svg" width="64" height="64" alt="Chrome"> <img src="https://justboil.me/images/browsers-svg/firefox.svg" width="64" height="64" alt="Firefox"> <img src="https://justboil.me/images/browsers-svg/edge.svg" width="64" height="64" alt="Edge"> <img src="https://justboil.me/images/browsers-svg/safari.svg" width="64" height="64" alt="Safari"> <img src="https://justboil.me/images/browsers-svg/opera.svg" width="64" height="64" alt="Opera">
## Reporting Issues
JustBoil's free items are limited to community support on GitHub.
The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions. If you open an issue that does not conform to the requirements, it will be closed.
1. Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant
2. Provide steps to reproduce
3. Provide an expected behavior
4. Describe what is actually happening
5. Platform, Browser & version as some issues may be browser specific
## Licensing
- Copyright © 2019-2021 JustBoil.me (https://justboil.me)
- Licensed under MIT
## Useful Links
- [JustBoil.me](https://justboil.me/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Vue.js 3](https://v3.vuejs.org/)
- [Vite](https://vitejs.dev)