Home/Setup

Setup guide

Add the Scenes registry to your project in two steps.

1. Add the registry

Open your components.json and add the registry URL under the registries key.

{
  "registries": {
    "@scenes": "https://scenes.so/r/{name}.json"
  }
}

If you don't have a registries key yet, add it at the top level of the file.

2. Install a scene

Use the shadcn CLI to install any scene. For example:

$npx shadcn@latest add @scenes/dashboard-01

The scene and its shadcn/ui dependencies will be installed automatically.

3. Browse scenes

That's it. Browse all available scenes and copy the install command from any scene page.