daisyUI meets Laravel Livewire

If you haven't heard about DaisyUI, then you're missing out. But if you use Laravel or are Laravel-curious, then there's a great option for you that combines the flexibility of DaisyUI with the power of Laravel Livewire. Let's take a look.

Help me choose my next video:

Links:

00:00 Intro to daisyUI
01:19 Creating a Button in Livewire
02:25 Installing daisyUI
03:26 Creating a Livewire Component
04:15 Adding daisyUI
06:03 Theming Buttons
07:25 Adding Loading State
12:09 Introducing Mary UI
13:22 Installing Mary UI
14:39 Creating Button with Mary UI
16:40 Overview of Mary UI Repo
17:43 Paper Dashboard Demo App
18:19 Conclusion

for the algo:
laravel, livewire, component libraries, daisyui, tailwind components, tailwind buttons, tailwind tabs, tailwind cards, customizable uis, themable uis, laravel daisyui, livewire spinners, laravel loading spinners, bootstrap alternatives, css frameworks, front end development, web application development, php development, server side rendering

Keep creating.

---

[isaachatilima]

Could you please please do a quick video of Volt Class API + Folio (Pages and components that have both blade and php code). I am struggling with creating class components.

[compton]

Keep making brilliant content, thank you. 🎉

[tobiaskilroy]

Hey thanks for the video!
I notice when you run 'laravel new app-name' you have the option to install with breeze/jetstream and then chose the stack. Mine only runs a basic install.
What am I missing?

Also, is it possible to include things like sail in this creation process?

[alkadoHs]

Thanks dude, It's Gold contents to me.

[incognito]

hello sir can u help me to learn how to give permissions to the users as per their roles in laravel livewire please

[aogunnaike]

hi, i don't get the installer starter kits option when i do laravel new project name

[joewardpr]

I'd love to see a demo of using a different template than the one Breeze creates for the dashboard, to use some of the other features of "mary"/DaisyUI for nav, etc. E.g. the "drawer" component.

The order you did things seems effective. I tried creating a new project without Breeze, adding mary, and then adding Breeze. And, I tried creating the new project with Breeze from the start, and then adding mary. Both resulted in a bunch of noob mistakes. I'll give it another shot following your process of installing DaisyUI on its own, and then doing some of the manual installation steps for mary, and she where it gets me. Perhaps then, I can modify the Breeze dashboard template using DaisyUI/mary stuff.

[scott_itall]

Class based volt or functional volt what would be the "recommended" approach?

[_hamza_mg]

Good job bro🎉🎉
Thank you
Please make more livewire volt videos

[Ahmed-gamal.]

great content, what is the name of the terminal you are using with auto complete and starter kits on install, is it Available for windows?

[vitalysvidersky]

Thank you for your video! Can someone share some light on the app he uses to switch between browser windows?

[jayadevrath]

Can you please tell me which vs code theme you are using. Its looking awesome 😎😎

[fibertechserver]

Great video! I see that you can create a new laravel project with laravel new ... what is your starterkit or what software do you use for local development? I am on windows and laragon an I need to manually setup my project with composer new ... and composer install breeze and so on ... Thank you!

[sawaLearn]

Nice video
What program do you use to record your screen and camera ?

[mustafax]

Awesome video, thamk you, big brother, assalamunalaikum

[mokhosh]

great video, subscribed.
why are you whispering tho?