Flowbite Crash Course in 20 mins | Introduction to UI components using Tailwind CSS

This video will cover how to use Flowbite and its UI component library for beginners. The video is broken into several parts, including an introduction to Flowbite, a setup guide to its use, and how to begin using the components and blocks provided. If you want to learn more, check out the links below the timestamps:

00:00 - Introduction to Flowbite
00:38 - What is Flowbite
01:59 - Example of Accordions using Flowbite
03:05 - Example of Buttons using Flowbite
06:52 - Setup Flowbite Config
08:39 - Adding Flowbite Components
10:16 - Navbar Component
12:00 - Dark Mode vs Light Mode
13:41 - Color Customisation
14:33 - Breadcrumb Component
15:31 - Dropdown Component
15:54 - Typography
17:23 - Flowbite Blocks
18:25 - Feature Block
19:07 - Footer Block
19:52 - Flowbite Figma Design System
21:42 - Flowbite Pro Pricing
22:34 - Conclusion

You can learn more about Flowbite at the official website below:

#flowbite #tailwindcss #tailwind #components #ui #figma #ux #development #developer #webdev #design #designsystem

[ashimov]

Happy to discover this project. Really appreciate your great job.

[asdfasdfasdfasdf]

congratulations to this guy, he explains very well

[ItsEverythingElse]

Regarding the navbar component: the styles for the links in the middle are hard-coded to bold the first one but that stays bolded if you change pages via the links. So why doesn't the default code handle that?

[MarkErol_Manansala]

I just want to give a thanks all of those person who created this. :) THANK YOU <3

[andreaskarz]

Amazing, I will check it out this weekend....

[RazorShultzor]

This video really helped me understand how to start using a tailwind component library. Awesome

[deliciascaseiras]

THANK YOU MY BROTHER FROM ANOTHER COUNTRY AND ANOTHER FAMILY!!!

[raeesmohit]

BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YO

[JoeyXie]

Thanks, very helpful, can't wait to writing my own project

[partialcoder]

a new subscriber and BIG FAN OF FLOWBITE😄😄😄

[robbyevans]

I used to get a headache writing code for all the components of my application. till today. your awesome

[ControlTheGuh]

This is amazing. Glad i found it. Just getting started with svelte

[imadeekosatriawiguna]

awesome 👍😯 it's make using tailwind like bootstrap. Thanks for your hard work

[futuregootecks]

Holy moly, I was fumbling around with Flowbite and Pelican all day today and would have saved so much time had I watched this video first!

[iganic]

How to use flowbite charts with react?

[aydnbilgin]

Nice tutorial. I have been having content issues with my hmdi connected speaker and subwoofer. No soft is coming through, still coming out of

[NeverCodeAlone]

Perfect video, thx a lot. I will do german stuff with this in future. Feel free to get in touch vith me if you wanne a join a remote session. Would be fun.

[johntrav]

some UI components like accordion, dropdown, modals don't work when we try to visit another page. to make it work we have to refresh the page.

[hartabarta]

Waiting to see additional HowTo videos, especially how to apply our branding on the existing Flowbite UI library in Figma

[GregP]

Hi, i followed everything by letters, but my dark/light mode goes only when i set my browser on light mode. If it's on the settings of my mac or in dark mode, after i click the button it stay in dark mode, suggest?