Browse the components at flowbite-react.com.

Learn more about Flowbite at Flowbite docs.

Learn how to get started with Flowbite React and leverage the interactive React components built with Tailwind CSS.

You can set up Flowbite React using the CLI in two ways:

Create a new Flowbite React application using popular React frameworks and technologies:

npx create-flowbite-react@latest

The CLI will prompt for the directory name, what template to use, and if it should initialize a new git repository.

For more details about how create-flowbite-react works, visit the package page.

To add Flowbite React to an existing project, run:

npx flowbite-react@latest init

This will set up all necessary dependencies and configurations in your existing project.

Follow our official integration guides to set up Flowbite React with your preferred framework or technology stack:

• AdonisJS
• Astro
• Blitz.js
• Bun
• ESBuild
• Farm
• Gatsby
• Laravel
• Meteor.js
• Modern.js
• Next.js
• Parcel
• React Router
• React Server
• RedwoodJS
• Remix
• Rsbuild
• Rspack
• TanStack Router
• TanStack Start
• Vike
• Vite
• Waku
• Webpack

Note: Some components from the vanilla Flowbite library are not yet available in Flowbite React.

Accordion	Alert	Avatar
Banner	Badge	Breadcrumb
Button	Button group	Card
Carousel	Datepicker	Dropdown
Footer	Forms	List group
Modal	Navbar	Pagination
Progress bar	Rating	Sidebar
Spinner	Table	Tabs
Tooltip	Timeline	Toast
Sticky Banner

Get help or discuss the library with the community:

⌨️ Discuss Flowbite on

For casual conversations with other users using the library:

💬 Join the Flowbite Discord Server

We appreciate your interest in contributing! Please visit our guide on contributing to get started.

For access to the Figma design files for our components, visit:

🎨 Get access to the Figma design files

The Flowbite name and logos are trademarks of Bergside Srl.

📝 Read about the licensing terms 📀 Brand guidelines and trademark usage agreement