Flowbite is an open-source library of UI components based on the utility-first Tailwind CSS framework featuring dark mode support, a Figma design system, templates, and more.

Get started with the definitive design system for building web applications with Tailwind CSS and Flowbite with Figma by leveraging hundreds of UI components, sections, and pages based on …

Use the button component inside forms, as links, social login, payment options with support for multiple styles, colors, sizes, gradients, and shadows

The quickest way to get started working with Flowbite is to include the CSS and JS into your project via CDN. Require the following minified stylesheet inside the head tag:

Use the Tailwind CSS form and input elements such as checkboxes, radios, textarea, text inputs to collect information from users with Flowbite

Learn how to install Tailwind CSS with Flowbite for your React project and start developing modern web applications using interactive elements based on utility classes

Get access to 53 template pages coded with Tailwind CSS and Flowbite that you can use to build a marketing website for your business including landing pages, about pages, contact pages, and more.

Get started with a huge collection of free and premium Tailwind UI components based on the open-source Flowbite library featuring hero sections, headers, and more.

Since the release of Tailwind v4, the configuration file that you’ve previously used to set options has now been moved to your main CSS file where you can import modules, plugins, set new variables like …

Learn how to set up a Tailwind CSS project with the JavaScript from Flowbite and start working with the interactive UI components based on the Flowbite API and data attributes interface