Flowbite Blocks - Tailwind UI blocks for marketing and apps
Over 459 ready-to-use Tailwind CSS UI blocks spanning marketing, application, e-commerce, and publisher categories. Customize colors, fonts, and dark mode with a built-in configurator, and access Figma design files with the pro license.
Huge collection of free and premium component blocks across 78 categories.
Covers marketing, application, e-commerce, and publisher use cases.
Every block supports dark mode out of the box via the configurator.
Personalize colors, fonts, and theming to match your brand identity.
Pro license includes matching Figma assets for design-to-code workflows.
All blocks are built mobile-first and adapt to any screen size.
A generous selection of blocks is available free under the MIT license.
Dedicated blocks for product cards, checkout, orders, and storefronts.
Ship websites faster with hundreds of ready-made Tailwind CSS blocks
Flowbite Blocks is a massive library of over 459 UI component blocks built with Tailwind CSS utility classes and the open-source Flowbite component library. Organized across 78 distinct categories, these blocks cover four major UI domains: marketing, application, e-commerce, and publisher. Whether you're assembling a landing page, building out a full dashboard, or launching an online store, the collection provides copy-paste-ready sections that slot directly into your project. A built-in configurator lets you adjust colors, fonts, and dark mode settings so each block matches your brand without manual overrides.
What's included
- 459+ UI component blocks across 78 categories
- Marketing sections including hero areas, pricing tables, CTAs, testimonials, and FAQ layouts
- Application UI blocks such as CRUD modals, drawers, side navigations, advanced tables, and dashboard shells
- E-commerce components covering product cards, checkout flows, shopping carts, order tracking, and storefront heroes
- Publisher blocks for blog templates, related articles, and comment sections
- Authentication flows including login, register, password reset, and account recovery forms
- Figma design files for all blocks (included with the pro license)
Ideal for
- SaaS marketing sites and product landing pages
- Internal dashboards and admin panels with CRUD workflows
- E-commerce storefronts needing product, cart, and order management UI
- Content-driven sites with blog layouts and article templates
- Teams that want design-to-code consistency through shared Figma assets
Components included
- Marketing UI: Hero sections, feature blocks, headers, footers, pricing tables, social proof, newsletters, banners, contact forms, popups, cookie consent, error pages, and portfolio sections
- Application UI: Table headers, side navigations, application shells, CRUD modals and drawers, dropdown filters, faceted search, dashboard navbars, and dashboard footers
- E-commerce UI: Storefront heroes, product cards, product overviews, payment forms, shopping carts, checkout, order summaries, order tracking, refund flows, discount popups, and mega footers
- Publisher UI: Blog templates, related articles, and comment sections
Good to know
A selection of blocks is freely available under the MIT license, giving you a solid preview of quality and structure before committing. The pro license unlocks the full library along with the accompanying Figma files. All blocks are built on top of the core Flowbite Library, so interactive components like dropdowns, modals, and drawers work out of the box.
Stack
