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:

Interactive

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

npx create-flowbite-react@latest

Non-interactive

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

npx create-flowbite-react@latest <project-directory> [options]

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

Options

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

Templates

| <name> | 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:

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:

# 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