K UI Breeze starter
Different UI for larave/breeze.
Jetstream Version
Note
We recommend installing this package on a project that you are starting from scratch.
Usage
note It doesn't matter if you use
vitejsorlaravel-mix, it will work in both cases.
- Fresh install Laravel >= 10.0 and
cdto your app. - Install laravel/breeze >=
1.18.0
composer require laravel/breeze --dev
# after finish run this command
php artisan breeze:install- Install kamona/kui-laravel-breeze
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- Configure your database.
- Run
php artisan migrate. 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
 |
 |
 |
 |
 |
 |
 |
 |