Installation

How to install dependencies and structure your app.

Automatic Installation

1.

Install bounce-cli globally to use the CLI commands:

npm

npm install -g bounce-cli

yarn

yarn add -g bounce-cli

pnpm

pnpm add -g bounce-cli

bun

bun add -g bounce-cli

2.

Then run the init command to set up your project:

npm

npx bounce init

yarn

yarn dlx bounceui init

pnpm

pnpm dlx bounceui init

bun

bun dlx bounceui init

3.

You will be prompted to configure your project:

? What is your project name? my-project
? What is your project description? A sample Bounce UI project

4.

Once our project is ready to develop, you can add individual components using the add command:

bash

npx bounce add button

bash

yarn bounce add button

bash

pnpm bounce add button

bash

bun bounce add button

5.

Or you can add all components at once:

bash

npx bounce add --all

bash

yarn bounce add --all

bash

pnpm bounce add --all

bash

bun bounce add --all

Manual Installation

1.

To install BounceUI, run one of the following commands in your terminal:

npm

npm install @bounceui/react

yarn

yarn add @bounceui/react

pnpm

pnpm add @bounceui/react

bun

bun add @bounceui/react

2.

BounceUI is built on top of Tailwind CSS, so you need to install Tailwind CSS first. You can follow the official installation guide to install Tailwind CSS.