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 Library: flowbite.com - Open-source components built with Tailwind CSS
🎨 Flowbite Figma: flowbite.com/figma/ - Design system built for Figma
🧱 Flowbite Blocks: flowbite.com/blocks/ - Building sections for website and applications
💎 Flowbite Pro: flowbite.com/pro/ - A larger collection of the open-source version of the latter three
#flowbite #tailwindcss #tailwind #components #ui #figma #ux #development #developer #webdev #design #designsystem
Негізгі бет Ғылым және технология Flowbite Crash Course in 20 mins | Introduction to UI components using Tailwind CSS
Пікірлер: 114