Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kamona-wd/kui-laravel-breeze
Different UI for laravel/breeze.
https://github.com/kamona-wd/kui-laravel-breeze
admin-layout auth breeze laravel vue
Last synced: 3 days ago
JSON representation
Different UI for laravel/breeze.
- Host: GitHub
- URL: https://github.com/kamona-wd/kui-laravel-breeze
- Owner: Kamona-WD
- License: mit
- Created: 2021-10-09T12:54:38.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-15T23:42:12.000Z (about 2 months ago)
- Last Synced: 2024-09-16T00:44:42.363Z (about 2 months ago)
- Topics: admin-layout, auth, breeze, laravel, vue
- Language: JavaScript
- Homepage:
- Size: 484 KB
- Stars: 317
- Watchers: 8
- Forks: 42
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# K UI Breeze starter
Different UI for [larave/breeze](https://github.com/laravel/breeze).
[![License](https://img.shields.io/github/license/Kamona-WD/kui-laravel-breeze)](https://github.com/Kamona-WD/kui-laravel-breeze/blob/main/LICENSE.md)
[![Releases](https://img.shields.io/github/release/Kamona-WD/kui-laravel-breeze)](https://github.com/Kamona-WD/kui-laravel-breeze/releases)
[![Stars](https://img.shields.io/github/stars/Kamona-WD/kui-laravel-breeze)](https://github.com/Kamona-WD/kui-laravel-breeze/stargazers)
[![Total Downloads](https://img.shields.io/packagist/dt/kamona/kui-laravel-breeze.svg)](https://packagist.org/packages/kamona/kui-laravel-breeze)#### [Jetstream Version](https://github.com/Kamona-WD/kui-laravel-jetstream)
#### Note
We recommend installing this package on a project that you are starting from scratch.
#### Usage
> **_note_** It doesn't matter if you use `vitejs` or `laravel-mix`, it will work in both cases.
1. Fresh install Laravel >= 10.0 and `cd` to your app.
2. Install laravel/breeze >= `1.18.0````sh
composer require laravel/breeze --dev# after finish run this command
php artisan breeze:install
```3. Install kamona/kui-laravel-breeze
```sh
composer require kamona/kui-laravel-breeze --dev# for laravel/breeze < 1.18.0
composer require kamona/kui-laravel-breeze:0.4.0 --dev# for laravel/breeze < 1.15.0
composer require kamona/kui-laravel-breeze:0.3.0 --dev# after finish run this command
# This package will detect if your project uses vitejs or not by check if vite.config.js exist or not.
php artisan kui-breeze:replace blade
# available stacks (blade,vue,vue-jsx,react).
# So if you run `php artisan breeze:install vue` you can run `php artisan kui-breeze:replace vue` and the same for react.
# For example
# php artisan breeze:replace blade => php artisan kui-breeze:replace blade
# php artisan breeze:replace vue => php artisan kui-breeze:replace vue
# php artisan breeze:replace vue => php artisan kui-breeze:replace vue-jsx
# php artisan breeze:replace react => php artisan kui-breeze:replace react# then
npm install && npm run dev # or yarn && yarn dev
```4. Configure your database.
5. Run `php artisan migrate`.
6. `php artisan serve`#### Navigation
You will found sidebar links in:
- blade: `resources/views/components/sidebar/content.blade.php`.
- vue: `resources/js/Components/Sidebar/SidebarContent.vue`.
- vue-jsx: `resources/js/Components/Sidebar/SidebarContent.jsx`.
- react: `resources/js/Components/Sidebar/SidebarContent.jsx`.#### Screens
| | |
| ---------------------------- | ---------------------------- |
| ![Showcase 1](screens/1.PNG) | ![Showcase 7](screens/7.PNG) |
| ![Showcase 2](screens/2.PNG) | ![Showcase 8](screens/8.PNG) |
| ![Showcase 3](screens/3.PNG) | ![Showcase 4](screens/4.PNG) |
| ![Showcase 6](screens/6.PNG) | ![Showcase 5](screens/5.PNG) |