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 collection of UI elements based on the utility-first CSS framework Tailwind designed and coded by Themesberg available in Figma and as web components.

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.

FlowBite - Tailwind CSS Components Library

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.


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

However, please take into account that the pro version of FlowBite is subject to the EULA (End User License Agreement) from FlowBite.


The authors of FlowBite are Zoltán Szőgyényi (development) and Robert Tanislav (designer) as the co-founders of Themesberg.

Copied code to clipboard!