Flowbite
An open-source UI component library built on Tailwind CSS with Figma design files, offering over 600+ components, blocks, icons, and illustrations for fast web development.
Overview
What is Flowbite?
Flowbite is a free and open-source UI kit based on Tailwind CSS, providing a comprehensive set of components, sections, and pages designed in Figma. It includes features like dark mode integration, RTL support, SVG icons, and illustrations to streamline web development.
What is Flowbite used for?

Top Features
- 600+ UI components
- Figma design files
- Dark mode support
- RTL support
- SVG icons and illustrations
- Tailwind CSS integration
- Open-source under MIT License
How to use Flowbite?
Download the components via NPM or use the Figma files to design interfaces. Integrate with frameworks like React, Vue, or Angular using Flowbite's libraries. Customize with Tailwind CSS utility classes and deploy in web projects.
Alternative Tools
Pros & Cons
Pros
- Free and open-source
- Extensive component library
- Seamless Figma to code workflow
- Good for rapid prototyping
- Active community support
Cons
- Primarily web-focused
- May require Tailwind CSS knowledge
Use Cases
- Building responsive websites
- Creating design systems
- Developing marketing pages
- Prototyping UI for apps
Flowbite Pricing
User Reviews
No reviews yet
Be the first to review this tool!