Shadcn Space

https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli
Admin
Shadcn Space provides production-grade, copy-paste ready UI components, blocks, and templates that...
Tokens:1,608
Snippets:31
Trust Score:5.5
Update:2 months ago
Show doc for...
Tokens:
Raw
### Install Components via Package Manager

Source: https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli

Standard command to fetch and install components into your project using the configured registry.

```bash
npx shadcn@latest add @shadcn-space/button-06
```

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

### Install Multiple Items

Source: https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli

Install several components or blocks simultaneously by listing them in a single command.

```bash
npx shadcn@latest add @shadcn-space/button-06 @shadcn-space/animated-text-01
```

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

### Install Components and Blocks with CLI v2

Source: https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli

Use direct registry JSON URLs for legacy projects that do not support namespaces.

```bash
npx shadcn@latest add https://shadcnspace.com/r/hero-01.json
```

```bash
npx shadcn@latest add https://shadcnspace.com/r/hero-01.json
```

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

### Install Components and Blocks with CLI v3

Source: https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli

Use namespace-based registry commands for installing components and blocks in projects configured with CLI v3.

```bash
npx shadcn@latest add @shadcn-space/button-06
```

```bash
npx shadcn@latest add @shadcn-space/hero-01
```

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

### Install a component or block

Source: https://shadcnspace.com/cli

Use this command to add a specific component or block from the Shadcn Space registry to your project.

```bash
npx shadcn@latest add @shadcnspace/[block-name]
```

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

### Initialize shadcn/ui project

Source: https://shadcnspace.com/cli

Run this command to create the components.json configuration file in your project.

```bash
npx shadcn@latest init
```

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

### Initialize a Next.js project with Shadcn UI

Source: https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli

Run this command in your terminal to initialize a new project with the specified preset and template.

```bash
npx shadcn@latest init --preset b0 --base base --template next
```

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

### Set Environment Variables for Authentication

Source: https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli

Store your credentials in a .env file to securely authenticate premium component requests.

```bash
# .env
EMAIL={YOUR_EMAIL}
LICENSE_KEY={YOUR_LICENSE_KEY}
```

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

### Configure components.json for Shadcn Space

Source: https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli

Add the @shadcn-space registry to your components.json file to enable component fetching. Use the premium configuration variant if you have a license key.

```json
{
  "registries": {
    "@shadcn-space": {
      "url": "https://shadcnspace.com/r/{name}.json",
    }
  }
}
```

```json
{
  "registries": {
    "@shadcn-space": {
      "url": "https://shadcnspace.com/r/{name}.json",
      "params": {
        "email": "${EMAIL}",
        "license_key": "${LICENSE_KEY}"
      }
    }
  }
}
```

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

### Force Overwrite Existing Files

Source: https://shadcnspace.com/docs/getting-started/how-to-use-shadcn-cli

Use the --overwrite flag to bypass prompts and automatically update existing component files.

```bash
npx shadcn@latest add @shadcn-space/button-06 --overwrite
```
Tokens:
Raw