CLI - Flowbite React

Getting started#

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

Interactive#

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

npm

npm create flowbite-react@latest

yarn

yarn create flowbite-react

pnpm

pnpm create flowbite-react@latest

bun

bun create flowbite-react@latest

Non-interactive#

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

create-flowbite-react <project-directory> [options]

# npm
npm create flowbite-react@latest next-app -- --template nextjs

# yarn
yarn create flowbite-react remix-app --template remix

# pnpm
pnpm create flowbite-react@latest astro-app --template astro

# bun
bun create flowbite-react@latest vite-app --template vite

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

Options#

--template <name>   # Specify your template
--git               # Initialize a new git repository
--help (-h)         # Display available flags
--version (-v)      # Display CLI version

Templates#

nextjs      # Next.js            https://github.com/themesberg/flowbite-react-template-nextjs
remix       # Remix              https://github.com/themesberg/flowbite-react-template-remix
astro       # Astro              https://github.com/themesberg/flowbite-react-template-astro
redwoodjs   # RedwoodJS          https://github.com/themesberg/flowbite-react-template-redwoodjs
gatsby      # Gatsby             https://github.com/themesberg/flowbite-react-template-gatsby
laravel     # Laravel            https://github.com/themesberg/flowbite-react-template-laravel
vite        # Vite               https://github.com/themesberg/flowbite-react-template-vite
parcel      # Parcel             https://github.com/themesberg/flowbite-react-template-parcel
cra         # Create React App   https://github.com/themesberg/flowbite-react-template-cra