Flowbite

About Flowbite

Flowbite is an open-source UI component library built on top of Tailwind CSS, offering over 600 components, sections, and pages along with a matching Figma design system. The library includes 68+ core UI components (alerts, modals, navbars, forms, tables, and similar elements) and 400+ pre-built block sections for constructing website and application pages. Framework-specific versions are available for React, Vue.js, Svelte, and Angular, along with integrations for Next.js, Nuxt.js, Astro, Remix, Laravel, Django, and other frameworks and languages.

The library includes native dark mode support that switches based on browser settings or project configuration, and RTL support for Arabic and Hebrew using Tailwind CSS logical properties. Separate resources include Flowbite Icons (400+ free SVG icons in solid and outline styles) and Flowbite Illustrations (50+ free 3D-style SVG illustrations), both available in SVG and Figma formats.

A paid tier, Flowbite Pro, adds advanced components and templates for application, marketing, publisher, and e-commerce UI categories, a React admin dashboard with 20+ pages, and access to 430+ custom SVG icons, with Figma support included. The product is aimed at developers and designers building websites and web applications with Tailwind CSS. As of the page content, it has 9,320 GitHub stars and over 35.8 million NPM downloads.

Key features

• 600+ open-source UI components, sections, and pages built with Tailwind CSS
• Framework support for React, Vue.js, Svelte, and Angular
• Figma design system with variants, auto-layout, and dark mode support
• Native dark mode integration that switches automatically based on browser settings
• Full RTL support for Arabic and Hebrew using Tailwind CSS logical properties
• 400+ block sections for building website pages faster

Frequently asked questions