Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sinan-aydogan/tailadmin-laravel

TailAdmin is a dashboard theme / UI starter kit with Laravel 11, TailwindCSS, Inertia and Vue3
https://github.com/sinan-aydogan/tailadmin-laravel

admin-dashboard admin-panel component-library cumhuriyetin-yuzuncu-yili-kutlu-olsun laravel laravel-9 laravel-framework tailwind tailwindcss tailwindcss-v3 ui ui-components ui-design vuejs vuejs3

Last synced: about 1 month ago
JSON representation

TailAdmin is a dashboard theme / UI starter kit with Laravel 11, TailwindCSS, Inertia and Vue3

Awesome Lists containing this project

README

        

TailAdmin Inertia
======


TailAdmin



It's a dashboard theme/UI-Starter Kit with Laravel 11, TailwindCSS3, Inertia and Vue3 (JetStream).


:wave: If you looking for Vue2 version, You can use download TailAdmin v1 TailAdmin :wave:
















Requirements
------
1. PHP min v.8.2
2. DB server (Recommended:MySQL)
3. [composer min v.2](https://getcomposer.org/)
4. [nodejs min v.18](https://nodejs.org/)
5. Please check other requirements of [Laravel](https://laravel.com/) and [Inertia](https://inertiajs.com/)

Setup Directions
------

1. ```npm install```
2. ```composer install```
3. Please clone .env.example and copied file name change from .env.example to .env
4. Create a clean db table
5. Set database infos in the .env
6. ```php artisan migrate --seed```
7. ```php artisan storage:link```
8. ```php artisan key:generate```
9. ```npm run dev```
10. ```php artisan serve```
11. ```Goto: http://localhost:8000```

Setup Directions with Docker - Linux

1. Setup Docker with user permissions on pc
2. clone this repo to any directory ```git clone sinan-aydogan/tailadmin-laravel```
3. Enter project root directory by terminal for example ```cd tailadmin-laravel```
4. Install composer packages by docker, because your host machine doesn't have php, mysql, nginx etc. Everything is in the docker containers
```docker run --rm \ -u "$(id -u):$(id -g)" \ -v "$(pwd):/var/www/html" \ -w /var/www/html \ laravelsail/php83-composer:latest \composer install --ignore-platform-reqs```
5. You should add an alias to your .bashrc file for shorcut to sail. ```sudo nano ~/.bashrc```
6. Adds this lines end of the file ```alias sail='sh $([ -f sail ] && echo sail || echo vendor/bin/sail)'```
7. Apply changes ```source ~/.bashrc```
8. You can start the project with sail ```sail up -d```
9. Don't forget add to domain to your host file ```sudo nano /etc/hosts```
- ```127.0.0.1 tailadmin-laravel.test```
10. Go to ```http://tailadmin-laravel.test``` or your custom domain

Admin Login Infos / Demo Account
------

- **Demo:** *[https://tailadmin-demo.tailadmin.dev](https://tailadmin-demo.tailadmin.dev)*
- **Email:** *[email protected]*
- **Password:** *admin*


TailAdmin Demo

## Help

If you need to help more than this documentation:
- You can join our [Discord Channel](https://discord.gg/TnjA2GqYmw) then ask your questions
- Access to our [Tabbs page](https://tailadmin.tabbs.co/) for how to make links (Install in Linux, solution of the npm errors etc.)

## Featured :

- TailwindCSS
- Vue.js 3 Laravel 11 - JetStream Inertia
- Every component are well documented
- Easy usability
- Simple and short code blocks
- A lot of customization options for every component
- Responsive, you can use with all devices
- Custom Auth Pages: Login, Register, Profile, Lock
- Unique Form Inputs: Repeatable Fields, Select(Rich Content) and Date
- Completely UI Kit
- Statistic Widgets for Summary or Small Data Windows
- It works with FontAwesome
- ### Content Components :
- Alert
- Avatar / Avatar Group for Team Lists
- Badge
- Breadcrumb
- Buttons
- Content Card
- Collapsible Content
- Dropdowns
- Lists
- Modals
- Pagination
- Popovers
- Progress
- Statistic Widgets
- Tabs
- FrontEnd Table
- BackEnd Table
- With Dynamic Query Builder
- Auto generated advanced search fields
- Sort
- Show-hide columns
- Tooltips

- ### Form Components :
- Form Content
- Form Section
- Input Group
- HTML Inputs
- Text Input
- Selectable Text Input (Combo)
- File Input
- Checkbox
- Radio
- Text Area
- Select
- Multi Select
- Repeatable Fields
- Date/Calendar Input
- Between Input

> :rocket: We are going to make the big updates about app because this theme is using in our projects therefore the updates will be continuous

---

### Partners and Sponsors

> :metal: If you want to support us, you can send a mail to us via [[email protected]](mailto:[email protected])

---

### Major External Sources

- [Tailwind](https://tailwindcss.com/)
- [Vue](https://vuejs.org/)
- [Fontawesome](https://fontawesome.com/)

### Minor External Sources

Please see package.json

---
License
------
The TailAdmin is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).