FlowBite - Tailwind CSS components library

Get started with an open-source set of UI components and elements built with Tailwind CSS

What is FlowBite?

FlowBite is an open-source library of UI elements based on the utility-first CSS framework Tailwind designed and coded by Themesberg available in Figma and as web components.

It includes all of the commonly used components that a website requires, such as buttons, dropdowns, navigation bars, modals, but also some more advanced interactive elements such as datepickers.

All of the elements are built using utility classes from Tailwind CSS and vanilla JavaScript.

Here’s a quick overview of the Flowbite ecosystem including the open source Tailwind components library, the Figma design files, and the pro version.

Why use FlowBite?

One of the disadvantages of Tailwind CSS compared to other frameworks is that it doesn’t have a base set of components. This makes it really hard to quickly prototype a user interface.

This is where FlowBite comes into play: it’s basically Tailwind CSS, but you get all of the components that you would normally get with a classic CSS framework like Bootstrap or Bulma.

There are at least 15 types of components including buttons, alerts, breadcrumbs, pagination, and navbars. FlowBite also includes some custom JavaScript that enables interactive components, such as dropdowns, modals, tooltips, and many more.

How to get started?

Getting started with FlowBite is fairly easy: all you need to do is follow the quickstart guide or set up an advanced workflow by following the build tools guide.

Figma design files

If you’d like to work with a Figma design file you can either duplicate the free version on Figma Community or upgrade for additional application UI, marketing UI, and e-commerce sections and pages with FlowBite Pro.

Upgrade to Pro

If you want to take your Tailwind development workflow to the next level you can check out the pro version of Flowbite which includes fully coded pages and layouts for application, marketing, and e-commerce websites.


The components library of FlowBite is open-source under the MIT License.


Flowbite is an open source library under the MIT license and anyone who would like to contribute to the codebase or design is welcome to do so.

Please reach out to us via the official Github repository and the main development team will get in touch as soon as possible.


Copied code to clipboard!