A favicon of Flowbite

Flowbite

Develop websites faster with 600+ Tailwind CSS UI components, Figma designs, dark mode, RTL support, and free SVG icons & illustrations.

Visit Flowbite
A screenshot of FlowbiteVisit

Accelerate your web development with a comprehensive open-source library built on Tailwind CSS. Access over 600+ UI components, sections, and pages, all meticulously designed in Figma to ensure a seamless workflow from design to code. This powerful toolkit helps you build websites significantly faster.

Key features include:

  • Extensive Component Library: Over 67 open-source UI components and 400+ block sections ready to use.
  • Figma Design System: Leverage a definitive design system with variants, properties, auto-layout, dark mode, and responsive support.
  • Native Dark Mode: Components automatically switch to dark mode based on browser settings or custom configurations, enhancing accessibility and user experience.
  • Full RTL Support: Built-in support for right-to-left languages like Arabic and Hebrew using logical properties from Tailwind CSS.
  • Free SVG Assets: Access a rich collection of over 400+ SVG icons (solid and outline styles) and 50+ SVG illustrations (3D style, dark/light mode), all compatible with Tailwind CSS and Figma.
  • Framework Compatibility: Open-source component libraries are also available for popular frameworks such as React, Vue.js, Svelte, and Angular.
  • AI-Powered Generation: Utilize a custom trained GPT model to generate UI components, sections, pages, and code snippets based on the library's extensive resources.

For users seeking even more advanced features, a Pro version offers hundreds of additional UI components and templates for Application, Marketing, Publisher, and E-commerce categories, with ongoing development for React and TypeScript support.

Share:

Similar to Flowbite:

Build consistent GitLab experiences, faster.
CompanyFigma+2 more
Access resources, components, and design guidelines for building consistent GitLab UIs. Features foundations, UI kits, patterns, and accessibility standards.
Your open source toolkit for travel UI.
CompanyFigma+1 more
Build engaging travel applications with an open-source design system. Features design tokens, React components, and developer tools for faster development.
Consistent, accessible government digital experiences.
FigmaGovernment
Create consistent, accessible government digital products with established design and coding standards. Ensures brand alignment and utilizes tested code components.

Command Menu