Flowbite - Open-source Tailwind CSS UI component library
An open-source library of 400+ interactive UI components built with Tailwind CSS, available as a plugin with support for React, Vue, Svelte, and Angular plus TypeScript definitions and Figma design files.
MIT-licensed library you can use freely in personal and commercial projects.
Covers alerts, modals, forms, tables, navigation, charts, and dozens more patterns.
Every component includes built-in dark mode variants using Tailwind's class strategy.
Full type declarations for all component interfaces, options, and callback parameters.
Matching Figma files let designers and developers stay perfectly in sync.
Dedicated packages for React, Vue, Svelte, and Angular maintained by the community.
Ships with default, minimal, enterprise, playful, and mono theme presets.
Native right-to-left layout support enabled with a single HTML attribute.
Ship websites faster with ready-made interactive Tailwind CSS components
Flowbite is an open-source component library that gives developers a head start when building interfaces with Tailwind CSS. With over 400 interactive UI components spanning everything from alerts and modals to data tables and WYSIWYG editors, it covers the vast majority of patterns needed for web applications. The library works as a Tailwind plugin and ships with full TypeScript support, making it straightforward to integrate into existing projects. Dedicated framework packages for React, Vue, Svelte, and Angular mean teams can use native component syntax regardless of their stack.
What's included
- 400+ interactive UI components covering forms, navigation, overlays, typography, and data display
- Five built-in theme presets: Default, Minimal, Enterprise, Playful, and Mono
- 450+ open-source SVG icons in solid and outline styles
- Figma design system files matching the component library
- TypeScript type declarations for all component interfaces and options
- Data attribute API for adding interactivity without writing JavaScript
- Programmatic JavaScript API with ESM and CJS module support
- Integration guides for Next.js, Nuxt, Astro, Gatsby, Laravel, Django, Rails, and more
Ideal for
- SaaS dashboards and admin panels requiring a wide range of form and data components
- Marketing sites and landing pages needing polished, consistent UI elements
- Internal tools where development speed matters more than custom design
- Teams working across multiple frameworks who want a shared component vocabulary
- Prototyping and MVPs where a comprehensive component set accelerates delivery
Theming & dark mode
Every component supports dark mode out of the box using Tailwind's class-based strategy. Beyond dark mode, Flowbite ships with five distinct theme presets that change typography, spacing, and visual tone — letting you switch the overall feel of your project by swapping a single CSS import. RTL layout support is also built in and activated with a single HTML attribute, making the library suitable for international projects.
Tech & compatibility
Flowbite is built on vanilla JavaScript at its core, which makes it compatible with virtually any back-end framework. The community maintains standalone packages for React, Vue, Svelte, and Angular with native component APIs. CDN distribution is available for quick prototyping without a build step, and the library supports both CommonJS and ES module imports for bundled workflows.
License & usage
Flowbite is released under the MIT license, so it can be used freely in both personal and commercial projects. The Flowbite name and logos are trademarks and subject to separate brand guidelines.
