CLI - Flowbite React
Easily scaffold a Flowbite React application using the most popular React frameworks and technologies out there
#
Getting startedRun any of the following commands and answer the command prompt questions:
#
InteractiveThe 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-interactiveYou 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
#
Templatesnextjs # 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
gatsby # Gatsby https://github.com/themesberg/flowbite-react-template-gatsby
adonisjs # AdonisJS https://github.com/themesberg/flowbite-react-template-adonisjs
redwoodjs # RedwoodJS https://github.com/themesberg/flowbite-react-template-redwoodjs
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