Collection of UI components in Figma based on the Flowbite Design System.
Need an MVP like Fl?
We'll build it in less than 7 days. Book a free discovery call with Tiny Startup Studio.
Book free discovery call →Flowbite (flowbite.com/figma/) is one of the most-used open-source UI component libraries in the Tailwind CSS ecosystem — created by Themesberg (Zoltan Szögyényi + team) as a free + open-source library of Tailwind CSS components with paid Pro tier and Figma design system mirroring the components for design-engineering handoff. 600+ free Tailwind CSS components (buttons, forms, navigation, modals, datatables, dropdowns, alerts, marketing sections), Flowbite Pro with additional 400+ premium components + blocks + application templates (admin dashboards, e-commerce templates, blog templates), official framework packages (flowbite-react, flowbite-vue, flowbite-svelte, flowbite-angular), Flowbite Figma design system, full WAI-ARIA accessibility, dark mode support, customization via Tailwind's standard utility classes, MIT license for free tier. Sits in the Tailwind component library category alongside Tailwind UI (the official paid product from Tailwind Labs at $299 lifetime with maximum polish + Tailwind-team support), shadcn/ui (the dominant free + open-source community default using Radix UI primitives + Tailwind with copy-paste model + biggest React + Next.js ecosystem integration), DaisyUI (free Tailwind component library), Headless UI (Tailwind Labs's unstyled accessible primitives for building custom components), and Radix UI (unstyled accessible primitives popular for shadcn/ui foundation). Distinguished from shadcn/ui (dominant React-first community default with bigger community + lighter footprint + you-own-the-code copy-paste model) by cross-framework packages + matching Figma library + comprehensive component count + application templates, distinguished from Tailwind UI ($299 lifetime official Tailwind Labs product with maximum polish) by lower price + cross-framework support + Figma library inclusion, distinguished from DaisyUI (free Tailwind component library with theme system) by framework packages + Figma library + more comprehensive scope, distinguished from Headless UI + Radix UI (unstyled accessible primitives for custom-building) by pre-styled component library positioning. Pricing: Flowbite Free with 600+ components MIT-licensed; Flowbite Pro ~$49-199 (Solo/Team/Multi-License tiers); Flowbite Figma free + paid tiers; verify current pricing on flowbite.com. Best for developers + designers wanting a comprehensive Tailwind CSS component library with extensive coverage, teams where designers + developers work together needing matching Figma + code components for clean handoff (Flowbite's Figma library mirrors the code 1:1 — one of its strongest differentiators), teams building admin dashboards + e-commerce templates + blog templates with Flowbite Pro's application templates beyond the free tier, and teams shipping across React + Vue + Svelte + Angular wanting consistent components via Flowbite's framework packages. Skip for the dominant React-first community default (shadcn/ui is the safer first choice for new React + Next.js projects given community size + ecosystem integration + lighter footprint), the official Tailwind Labs product with maximum polish (Tailwind UI is the most-polished option at $299 lifetime), unstyled accessibility primitives only as foundation for custom-building (use Headless UI + Radix UI), or theme-system-focused Tailwind components (DaisyUI has stronger theme switching). Solid second-choice Tailwind component library in 2026 — particularly strong for cross-framework projects + design-engineering handoff via matching Figma library, well-priced relative to Tailwind UI.
⏱ 30-second verdict
Collection of UI components in Figma based on the Flowbite Design System.
Tailwind component library
Developers + designers wanting a comprehensive Tailwind CSS component library with 600+ free MIT-licensed components covering common UI patterns.
Design-engineering handoff
Teams where designers + developers work together and need matching Figma + code components — Flowbite's Figma library mirrors the code 1:1 for clean handoff.
Application + dashboard templates
Teams building admin dashboards + e-commerce templates + blog templates with Flowbite Pro's application-tier components beyond the free tier scope.
Cross-framework projects
Teams shipping across React + Vue + Svelte + Angular wanting consistent components — Flowbite's framework packages cover all major frameworks.
Flowbite is one of the most-used open-source UI component libraries in the Tailwind CSS ecosystem — created by Themesberg (Zoltan Szögyényi + team) as a free + open-source library of Tailwind CSS components, with a paid Pro tier and a Figma design system that mirrors the components. Sits in the Tailwind component library category alongside Tailwind UI (the official paid product from Tailwind Labs, $299 lifetime), shadcn/ui (the dominant free + open-source component library that uses Radix UI primitives + Tailwind), DaisyUI (free Tailwind component library), Headless UI (Tailwind Labs's unstyled accessible primitives), and various smaller libraries. What you get from Flowbite: 600+ free Tailwind CSS components (buttons, forms, navigation, modals, datatables, dropdowns, alerts, marketing sections), Flowbite Pro with additional 400+ premium components + blocks + applications (admin dashboards, e-commerce templates, blog templates), official integrations for React + Vue + Svelte + Angular with Flowbite-specific packages (flowbite-react, flowbite-vue, flowbite-svelte), the Flowbite Figma design system mirroring the components for designers (free + paid tiers), full WAI-ARIA accessibility, dark mode support, and customization via Tailwind's standard utility classes. Where Flowbite shines: when you want a comprehensive Tailwind component library with both copy-paste HTML + framework-specific packages + a matching Figma design system. The Figma library matching the code components is the killer feature for design-engineering handoff — designers and developers stay in sync because they're literally working from the same component set. Flowbite Pro covers the application + dashboard templates that shadcn/ui doesn't include in its free tier. Where it's not for you: if you want the dominant React-first community-default component library, shadcn/ui is the safer bet — bigger community, better integration with modern React + Next.js + Vercel ecosystem, lighter dependency footprint, and you own the component code. If you want the official Tailwind product, Tailwind UI ($299 lifetime) is the most-polished + Tailwind-team-supported option. If you want a free unstyled accessibility primitives layer to build on top of, Headless UI + Radix UI are better foundations. Pricing: Flowbite Free covers 600+ components for free — MIT licensed, free commercial use. Flowbite Pro is around $49-199 depending on tier (Solo + Team + Multi-License) with the additional 400+ premium components + application templates. Flowbite Figma is also tiered free + paid. Verify current pricing on flowbite.com. Honest take: Flowbite is a solid second choice after shadcn/ui in the Tailwind component library market — particularly strong if you need the matching Figma library for design handoff or if you want application + dashboard templates that shadcn/ui doesn't include. The free tier is genuinely useful + the Pro tier is well-priced relative to Tailwind UI. For new React projects in 2026, shadcn/ui is the first recommendation, but Flowbite is a real option if its specific approach + Figma integration matters.
Free
Flowbite Pro
Flowbite Figma
Yes — Flowbite Free covers 600+ Tailwind CSS components under MIT license for personal + commercial use. Flowbite Pro adds 400+ premium components + application templates at ~$49-199 depending on tier. Flowbite Figma has free + paid tiers. Verify current pricing on flowbite.com.
shadcn/ui is the dominant React-first community default — bigger community, better integration with modern React + Next.js + Vercel ecosystem, lighter footprint, you own the code (copy-paste). Flowbite is more comprehensive (600+ vs shadcn/ui's smaller curated set), includes Figma library + framework-specific packages for React/Vue/Svelte/Angular + application templates in Pro. Pick shadcn/ui for React-first projects + community alignment; Flowbite for cross-framework needs + Figma integration.
Tailwind UI is the official paid product from Tailwind Labs ($299 lifetime) — most-polished + Tailwind-team-supported, deep quality, comprehensive. Flowbite Pro is cheaper (~$49-199) + includes Figma library + framework packages. Pick Tailwind UI for the official option + maximum polish; Flowbite Pro for cross-framework support + Figma integration at lower cost.
Yes — Flowbite has official framework packages: flowbite-react, flowbite-vue, flowbite-svelte. Components ship as React/Vue/Svelte components rather than just copy-paste HTML. Better for production React/Vue/Svelte apps than copy-paste HTML libraries.
If you have designers + developers working together, yes — the Figma library mirrors the code components 1:1, so designers and developers literally work from the same component set. This is one of Flowbite's strongest differentiators vs shadcn/ui (which has community Figma kits but not first-party design-system alignment).
No reviews yet — be the first.
Figma
The browser-based design tool everyone uses.
Webflow
No-code site builder that produces real CSS.
Yellow Images
The Largest Collection of PSD Mockups on the Internet!
Wise
The design system of Wise.
Who Can Use
A tool to show how color contrast can affect different people with visual impairments.
Websitevice
Website design examples for inspiration that get results instead of awards