LaravelPackages.net
Acme Inc.
Toggle sidebar
kamona/kui-laravel-breeze

Different UI for laravel/breeze

36.591
336
v0.5.1
About kamona/kui-laravel-breeze

kamona/kui-laravel-breeze is a Laravel package for different ui for laravel/breeze. It currently has 336 GitHub stars and 36.591 downloads on Packagist (latest version v0.5.1). Install it with composer require kamona/kui-laravel-breeze. Discover more Laravel packages by kamona or browse all Laravel packages to compare alternatives.

Last updated

K UI Breeze starter

Different UI for larave/breeze.

License Releases Stars Total Downloads

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 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
composer require laravel/breeze --dev

# after finish run this command

php artisan breeze:install
  1. 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 react => php artisan kui-breeze:replace react

# then
npm install && npm run dev # or yarn && yarn dev
  1. Configure your database.
  2. Run php artisan migrate.
  3. php artisan serve

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.

Support

PayPal Me


Screens

| | | | ---------------------------- | ---------------------------- | | Showcase 1 | Showcase 7 | | Showcase 2 | Showcase 8 | | Showcase 3 | Showcase 4 | | Showcase 6 | Showcase 5 |

Comments