The easiest way to get started with flowbite-react
is by using create-flowbite-react
CLI.
Easily scaffold a flowbite-react
application using the most popular React frameworks and technologies out there.
Run any of the following commands and answer the command prompt questions:
The CLI will prompt the directory name, what template to use and if it should initialize a new git repository:
npm create flowbite-react@latest
yarn create flowbite-react
pnpm create flowbite-react@latest
bun create flowbite-react@latest
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.
Name | Description |
---|---|
--template <name> |
Specify your template |
--git |
Initialize a new git repository |
--help (-h ) |
Display available flags |
--version (-v ) |
Display CLI version |
<name> | Full name | URL |
---|---|---|
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 |
gatsby |
Gatsby | https://github.com/themesberg/flowbite-react-template-gatsby |
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 |