Figma design kit built for integration with Tailwind CSS

Tailwind Figma is a free and open-source set of UI components and pages in Figma built for Tailwind CSS featuring UI elements using Figma variants, a style guideline, auto-layout, responsive example pages for mobile, tablet, and desktop devices.

Duplicate on Figma Community

The project is also available on the Figma community and you can duplicate it from there.

Unlock the full design kit

Get access to the full version of Tailwind Figma which includes 27 hand-crafted pages, responsive screen examples for mobile, tablet, and desktop devices, advanced UI elements using Figma variants, auto-layouts, style guideline, and many more.

• Learn more about Tailwind Figma: flowbite.com/figma/
• Learn more about Themesberg: themesberg.com

Screenshots

Check out some of the screenshots from the free edition of Tailwind Figma:

Dashboard page

Mobile screens

Colors

Spacers

Icons

Typography

Buttons

Badges

Sidebar and menu

Footer

404 Not Found page

Duplicate on Figma Community

The project is also available on the Figma community and you can duplicate it from there.

Unlock the full design kit

Get access to the full version of Tailwind Figma which includes 27 hand-crafted pages, responsive screen examples for mobile, tablet, and desktop devices, advanced UI elements using Figma variants, auto-layouts, style guideline, and many more.

• Learn more about Tailwind Figma: flowbite.com
• Learn more about Themesberg: themesberg.com