Skip to content

Kamona-WD/kui-laravel-breeze

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
Oct 9, 2021
Oct 9, 2021
Oct 9, 2021

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 >= 8.0 and cd to your app.
  2. Install laravel/breeze
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

# 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
  1. Configure your database.
  2. Run php artisan migrate.
  3. 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 Showcase 7
Showcase 2 Showcase 8
Showcase 3 Showcase 4
Showcase 6 Showcase 5