kamona-wd / kui-laravel-breeze Goto Github PK

View Code? Open in Web Editor NEW

317.0 8.0 42.0 493 KB

Different UI for laravel/breeze.

License: MIT License

PHP 4.33% CSS 0.06% JavaScript 59.43% Blade 16.72% Vue 19.47%

breeze auth admin-layout laravel vue

kui-laravel-breeze's Introduction

K UI Breeze starter

Different UI for larave/breeze.

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.

Fresh install Laravel >= 10.0 and cd to 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

kui-laravel-breeze's People

Contributors

Stargazers

Watchers

Forkers

ahmedmhamed binaryfire ignatius-n ag-php ericksonsv 45h1f jampire ahmedhelalahmed bashardlaleh chaudhary773 iamlasse jccarneiros zakarialabib sumayazaman bradapeter mfrouh savageinfinity akashvaidya23 salouh-as colin-nwk kwasiezor wenderrocha iamandyagbaraku veasna-pen ajbm61 yuniorhernandez roedyrustam soymrk crackboomlaboom nikkipanie istorebox-dev gaochnggg rhostcc djahwa ahsanalamgir14 goddie2023 iperlinksmedia ryadelmehdi wynfryth sigkydj husanisantos

kui-laravel-breeze's Issues

Login/Register form not showing on mobile

Hi,
I tried the package on a new laravel project.
Every worked fine on desktop.
But on tablet and mobile, the login/register form is displaying a blank page.

[Vue stack] add sidebar overlay

Add overlay while sidebar opened on small screen

.

Locale Selector

It would be great if there was a locale/flag selector button corresponding to the dark mode toggle

Unable to locate a class or view for component [heroicon-o-user].

Illuminate\View\Compilers\ComponentTagCompiler::componentClass
vendor/laravel/framework/src/Illuminate/View/Compilers/ComponentTagCompiler.php:279

Could not load content for js/perfect-scrollbar.esm.js.map

I found this error:

DevTools failed to load source map: Could not load content for http://v39.test/js/perfect-scrollbar.esm.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

any suggestion ?
Periklis Kiorpes

Dosent works with Livewire 3

Dosent works with Livewire 3
Sidebar Show-Hide
DarkMode
Not working with livewire 3

uncaught (in promise) referenceerror: $refreshsig$ is not defined at input.jsx:1:140

After replace K UI blade tailwind css components doesn't working properly

After installing Laravel Breeze K UI the tailwind css components doesn't load properly and down below is the image

Add support for Bootstrap 5

Please add support for Bootstrap 5 to the blade stack.

vue jsx

It will be nice if we add option to choose default vue SFCs or vue jsx.

sidebar does not slide, but the content is sliding

Please see the video

Screen.Recording.2023-02-01.at.14.25.56.mov

I tried to follow the instructions and it ran well BUT when I go to login/register/dashboard the ui is bad (white buttons, icons aren't aligned properly, sidebar isn't aligned properly). I watched others from YT but theirs' turned out just fine (except for mine)

It doesn't work with react typescript

Tried to run the replace in a project when I ran breeze react --typescript.

Looks like there is no support for tsx. Is there any plan to support it?

vite integration

will there be an update for vite integration ?

WireUi does not work with kui-laravel-breeze

I tryed to use the x-datetime-picker example but the component was not responded

Support for SPLADE

Please add support for SPLADE

De coloribus

The ancient Latins said:
de gustibus coloribus non est disputandum
that means
there is no debate about tastes and colors
but I will ask the question if the definition of color could be easier
for the developer to decide centrally instead of of purple
Periklis Kiorpes

Tailwind css

Hi, im kinda new to tailwind, when i install the kui-laravel-breeze, and tried to use some class (https://tailwindcss.com/docs/border-radius#pill-buttons - by referring to tailwind docs) to check whether its working or not. So far its not going well for me. Can you advise on what step did i miss? Or do i need to import other tailwind configuration outside your readme? Thank you

Below is the code im trying

This is the output