Hero Sections
18 components
Marketing UI
NewWe have launched over 100+ blocks in E-commerce UI! See what's new
Build websites even faster with components on top of Tailwind CSS
Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
Flowbite in other technologies
You can now also get started with open-source component libraries built for frameworks such as React, Vue.js, Svelte and Angular.
Flowbite React
Flowbite Vue
Flowbite Svelte
Flowbite Angular
Flowbite TypeScript
Flowbite Next.js
Flowbite Nuxt.js
Flowbite Astro
Flowbite Remix
Flowbite Meteor.js
Flowbite Gatsby
Flowbite SolidJS
Flowbite Qwik
Flowbite Laravel
Flowbite Symfony
Flowbite Ruby on Rails
Flowbite Phoenix
Flowbite Django
Flowbite Flask
Flowbite Blazor
Flowbite HUGO
Tailwind CSS Components
Explore the whole collection of over 67 open-source UI components and interactive elements built with the utility classes from Tailwind CSS and Flowbite.
Alerts
Accordion
Avatar
Badges
Breadcrumbs
Buttons
Button group
Cards
Carousel
Dropdown
Forms
List group
Typography
Modal
Tabs
Navbar
Footer
Sidebar
Pagination
Speed Dial
Rating
Timeline
Progress bar
Table
Spinner
Toast
Tooltips
Datepicker
Input Field
File Input
Search Input
Select
Textarea
Checkbox
Radio
Toggle
Range Slider
Floating Label
Mega menu
Skeleton
KBD (Keyboard)
Drawer (offcanvas)
Popover
Video
Heading
Paragraph
Blockquote
Image
List
Link
Text
Horizontal line (HR)
Stepper
Indicators
Bottom Navigation
Sticky Banner
Gallery (Masonry)
Jumbotron
Device mockups
Charts
Number Input
Phone Input
Chat Bubble
Copy to clipboard
Timepicker
DataTables
WYSIWYG Editor
Solid foundation for any project
"Flowbite provides a robust set of design tokens and components based on the popular Tailwind CSS framework. From the most used UI components like forms and navigation bars to the whole app screens designed both for desktop and mobile, this UI kit provides a solid foundation for any project.
Designing with Figma components that can be easily translated to the utility classes of Tailwind CSS is a huge timesaver!"
Eugene FedorenkoLead designer at Wildbit
Building with blocks
Get started with over 400+ block sections coded with Tailwind CSS and Flowbite to build high-quality website pages.
Design with Figma
Get started with the definitive design system for building web applications with Tailwind CSS and Flowbite with Figma by leveraging hundreds of UI components, sections, and pages based on variants, properties, auto-layout, dark mode, responsive support, and more.
Dark mode integration
Flowbite has native built-in support for dark mode by using the variants from Tailwind CSS and the Flowbite Design System.
All of the UI components and templates from Flowbite will automatically switch to dark mode based on your browser settings or custom project configuration.
- Increased accessibility based on room brightness
- Better visibility for users with low vision
- Improved readability for users with light sensitivity
- High quality UI/UX design for modern applications
RTL (Right to left) Support
The UI components from Flowbite provide full RTL support for Arabic and Hebrew languages by using logical properties from Tailwind CSS.
- RTL support for a community of over 500 million people
- Based on logical properties from Tailwind CSS
- Works on a copy and paste basis
- Component preview available in the documentation
Flowbite SVG Icons
Flowbite Icons is a free and open-source collection of premium SVG icons built for the Tailwind CSS, Figma and the Flowbite Ecosystem.
There are more than 400+ icons available in the collection and they come in two main styles: solid and outline.
You can configure the size, color, and stroke width via Tailwind CSS and our configurator tool and you can also import them in Figma via our community file.
- Huge collection of over 400+ SVG icons
- Free and open-source under the MIT License
- Solid and outline styles included
- Supports dark mode out of the box
- Figma file available for designers
- Compatible with Tailwind CSS and Flowbite
Flowbite SVG Illustrations
Flowbite Illustrations is a free and open-source collection of premium SVG illustrations built for the Tailwind CSS, Figma and the Flowbite Ecosystem.
Get started with over 54 free and open-source SVG illustrations based on 3D styles, fully compatible with Flowbite and Tailwind CSS.
- Collection of over 50 SVG illustrations
- Modern 3D style available in dark and light mode
- Use our color picker to customize the illustrations
- Available in Figma and SVG format
+
Flowbite GPT
Start generating UI components, sections, pages, and code snippets with our custom trained GPT model based on open-source resources.
The data we used to train this ChatGPT is based on our extensive collection of UI component examples, JS API references and data attributes interface from the Flowbite Library.
Open with ChatGPT
Upgrade to Flowbite Pro
You get access to hundreds of UI advanced components and templates built with Tailwind CSS for Application, Marketing, Publisher, and E-commerce UI categories with Figma support included.
- Support for React and TypeScript components (on-going development)
- Templates and components available in Figma
- Pre-order for Vue, Svelte, and Angular pro components
- Access to over 430+ custom SVG icons in outline and solid styles
Flowbite Design System
One of the most advanced Figma design systems on the market featuring variants, auto-layout, responsive components, dark mode, and more.
Flowbite Blocks
Get access to over 400+ advanced UI components and website sections to build website and applications faster.React Admin Dashboard
Over 20+ pages built with React and TypeScript components with support for Tailwind CSS classes to build web applications.Flowbite Icons
Get access to over 430+ custom designe SVG icons in outline and solid styles with support for Flowbite, React, and Figma.Community contributors
Join a community of open-source contributors by tuning in with the Flowbite React community and become one of the highlighted members
Join the community
Become a member of a community of developers by supporting Flowbite