create-flowbite-react

The easiest way to get started with flowbite-react is by using the create-flowbite-react CLI.

Easily scaffold a flowbite-react application using the most popular React frameworks and technologies available.

Getting started

Run any of the following commands and answer the command prompt questions:

$3

The CLI will prompt for the directory name, template to use, and whether to initialize a new git repository:

``bash
npx create-flowbite-react@latest
`

$3

You can also pass command line arguments to set up a new project non-interactively. See npx create-flowbite-react@latest --help:

`bash
npx create-flowbite-react@latest [options]
`

Check out the full list of official flowbite-react template examples.

Options

| Name | Description |
| ----------------------- | ------------------------------- |
| --template, -t | Specify your template |
| --git | Initialize a new git repository |
| --help, -h | Display available flags |
| --version, -v | Display CLI version |

Templates

| \ | Repository |
| ----------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| adonisjs | flowbite-react-template-adonisjs |
| astro | flowbite-react-template-astro |
| blitzjs | flowbite-react-template-blitzjs |
| bun | flowbite-react-template-bun |
| esbuild | flowbite-react-template-esbuild |
| farm | flowbite-react-template-farm |
| gatsby | flowbite-react-template-gatsby |
| laravel | flowbite-react-template-laravel |
| meteorjs | flowbite-react-template-meteorjs |
| modernjs | flowbite-react-template-modernjs |
| nextjs | flowbite-react-template-nextjs |
| parcel | |
| ↳ client | flowbite-react-template-parcel-client |
| ↳ server-bun | flowbite-react-template-parcel-server-bun |
| ↳ server-deno | flowbite-react-template-parcel-server-deno |
| ↳ server | flowbite-react-template-parcel-server |
| react-router | |
| ↳ framework | flowbite-react-template-react-router-framework |
| ↳ data | flowbite-react-template-react-router-data |
| ↳ declarative | flowbite-react-template-react-router-declarative |
| react-server | flowbite-react-template-react-server |
| redwoodjs | flowbite-react-template-redwoodjs |
| remix | flowbite-react-template-remix |
| rsbuild | flowbite-react-template-rsbuild |
| rspack | flowbite-react-template-rspack |
| tanstack-router | flowbite-react-template-tanstack-router |
| tanstack-start | flowbite-react-template-tanstack-start |
| vike | flowbite-react-template-vike |
| vite | flowbite-react-template-vite |
| waku | flowbite-react-template-waku |
| webpack | flowbite-react-template-webpack |

Examples

Create a new project with a specific template:

`bash
npx create-flowbite-react@latest my-app --template react-router


or using shortcut


npx create-flowbite-react@latest my-app -t react-router
`

Create a new project with a specific template version:

`bash


Using dot notation for nested versions

npx create-flowbite-react@latest my-app --template react-router.framework

or using shortcut

npx create-flowbite-react@latest my-app -t react-router.framework
``