🚧 flowbite-react (unreleased) 🚧

Build websites even faster with components on top of React and Tailwind CSS

`flowbite-react` is an open source collection of UI components, built in React, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.

Documentation

Documentation for flowbite-react is not yet finished.

If you want to browse the components, visit flowbite-react.com.

If you want to learn more about Flowbite, visit Flowbite docs.

Getting started

Make sure you have Node.js installed.

To use flowbite-react, you need to setup flowbite and also install flowbite-react from npm or yarn.

flowbite can be included as a plugin into an existing Tailwind CSS project.

Install flowbite as a dependency using npm by running the following command:

npm i flowbite flowbite-react # or yarn add flowbite flowbite-react

Require flowbite as a plugin inside the tailwind.config.js file, and include content from flowbite-react:

module.exports = {
  content: [
    ...,
    'node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}'
  ],
  plugins: [..., require('flowbite/plugin')],
  ...
};

Customize components

You can customize every component in flowbite-react. We've provided a few different methods so just about any use case you have should be covered for now.

See https://flowbite-react.com/theme

Components

Alerts	Badge	Breadcrumbs

Buttons	Button group	Cards

Dropdown	Forms	List group

🚧 Typography	Modal	Tabs

Navbar	Pagination	Timeline

Progress bar	Tables	Toast

Tooltips	🚧 Datepicker	Spinner

Footer	Accordion	Sidebar

Carousel	Avatar	Rating

Input Field	File Input	🚧 Search Input

Select	Textarea	Checkbox

Radio	Toggle	Range Slider

🚧 Floating Label