Flowbite
is a free and open-source set of Figma UI components and pages designed to integrate with the utility classes from Tailwind CSS.
💎 Pro version
Leverage even more components, website sections, and pages with the
pro version of the Flowbite Design System
available in Figma.
📦 1000+ UI components and variants
The full version includes thousands of advanced UI components such as buttons, autocomplete inputs, datepickers, dropdowns, navigation bars and many more.
These components have variants that you can use to change the color, size, and responsive layout just from a click away.
🎥 Check out this
video presentation of Flowbite
to learn more about the efficiency of the component variants.
🌙 Dark mode included
All of the components and pages have a dark version included as a variant so you can deliver both light and dark versions for the UI of your website and application.
📱 Responsive pages
All of the pages have a mobile, tablet, and desktop view available as variants so you can deliver fully responsive and modern user interfaces.
🎨 Advanced styleguide based on Tailwind CSS
The heart of this Figma design system is the styleguide which is based on the utility classes from Tailwind CSS.
We developed advanced variants for the typography, shadows, colors, and many more.
📐 Layout grid
You can also use the grid system available in the full version of Flowbite to make it easier to arrange the elements inside the Figma file.
💻 Code version
There’s also a coded version available and you can check out the following links to get started:
