Easy online design tool for graphics, presentations, and social posts
View detailsFlowbite
Open-source Tailwind component library with blocks, figures, and Figma files.
Flowbite is an open-source component library built on Tailwind CSS, with ready-made components, page sections, and blocks for common layouts such as heroes, pricing tables, footers, and dashboards. It also ships a matching Figma design kit, so designers and developers can work from the same components.
Key Features
- Tailwind components, sections, and page blocks
- Matching Figma design kit
- Copy-paste code with clear documentation
- Dark mode support throughout
- Interactive components with JavaScript included
- Blocks for heroes, pricing, footers, and dashboards
Pricing
| Plan | Price | Details |
|---|---|---|
| Free | $0 | MIT-licensed open source component library; free to use in any project. |
| Pro | Check official site | Extra blocks, templates, and Figma files; see the official site for current pricing. |
Prices as listed in 2026 research. Always check the official site for the latest price — plans change. Free plan: Yes — it has a free plan.
Popular with: Developers, Designers
How it works
The library is practical rather than flashy: it covers the building blocks most websites need, with clear documentation and copy-paste code. The blocks library is the real time-saver — instead of designing a landing page section from scratch, you pick a block, paste it in, and adjust the content.
The core library is free and open source under the MIT licence. Flowbite Pro adds more blocks, templates, and Figma files for a fee. For Tailwind teams that build marketing sites and dashboards regularly, it removes a lot of repetitive layout work.
Pros and Cons
✓ Pros
- Complete page blocks speed up landing pages
- Figma kit keeps design and code in sync
- Free core library with good documentation
- Clean, modern default styling
✗ Cons
- Requires Tailwind CSS
- Best blocks and templates are in the paid Pro version
- Component coverage is narrower than Ant Design
Related Tools
Adobe's quick design app for posts, flyers, and videos with AI built in.
View detailsAI logo maker that designs your brand identity in minutes.
View detailsLast reviewed: November 2026