React Bits Pro

https://pro.reactbits.dev/docs
Admin
React Bits Pro is a premium collection of 65+ production-ready animated components, 100+ UI blocks,...
Tokens:294,106
Snippets:3,459
Trust Score:8.8
Update:2 weeks ago
Show doc for...
Tokens:
Raw
### Install fintech prompt with npx shadcn

Source: https://pro.reactbits.dev/docs/agent-kit/prompts/fintech

Install the fintech prompt package using npx shadcn. Run this command in your terminal to add the prompt to your project.

```bash
npx shadcn@latest add @reactbits-pro/prompt-fintech
```

--------------------------------

### Install theme with npx shadcn

Source: https://pro.reactbits.dev/docs/app-ui/theming

Installs the theme as a registry item, placing variables in your stylesheet. Usually unnecessary because Application UI blocks pull it in as a dependency.

```bash
npx shadcn@latest add @reactbits-pro/app-ui-theme
```

--------------------------------

### Install Product Launch Page recipe with shadcn

Source: https://pro.reactbits.dev/docs/agent-kit/recipes/product-launch

Install the Product Launch Page recipe from the React Bits Pro registry using the shadcn CLI. Run this command to add the recipe to your project.

```bash
npx shadcn@latest add @reactbits-pro/recipe-product-launch
```

--------------------------------

### Theme variable usage with fallbacks

Source: https://pro.reactbits.dev/docs/app-ui/theming

Example of how a block consumes theme variables with fallbacks. The fallback values ensure correct rendering even without the theme installed.

```jsx
<button
  className="
    rounded-[var(--rb-r-md,8px)]
    bg-[var(--rb-accent,oklch(20.5%_0_0))]
    text-[var(--rb-accent-fg,oklch(100%_0_0))]
  "
/>
```

--------------------------------

### Install React Bits Pro Skill with npx shadcn

Source: https://pro.reactbits.dev/docs/agent-kit/agent-skill

Install the React Bits Pro Skill package using the shadcn CLI. This command is included with every plan, including Starter, and requires signing in with the email used for purchase or a valid license.

```bash
npx shadcn@latest add @reactbits-starter/skill
```

--------------------------------

### Install orbit-cli via Homebrew (macOS)

Source: https://pro.reactbits.dev/docs/blocks/download/download-8

One-line command to install orbit-cli using Homebrew on macOS. The output shows the expected installation steps, including signature verification and the path to the installed binary.

```bash
$ brew install orbit-cli
```

```text
  * Downloading orbit 3.12.0 · darwin-arm64
  * Signature verified · minisign
  * Installed to /opt/homebrew/bin/orbit
  * → run orbit init to link your workspace
```
Tokens:
Raw