# Templates

> Learn how to install our templates code directly in your shadcn/ui project with the CLI.

Canonical: https://www.shadcndesign.com/docs/templates

## Installation

### Free templates

Free templates can be accessed by opening them in [v0](https://v0.app/?utm_source=affiliate&utm_medium=dub&via=shadcndesign&dub_id=FPMgwxxpnedItT0v) with **Access in v0** button on the template page.

### Paid templates

<DocsCta
  title="Paid templates need a license"
  description="Paid template code is included in the React and Premium packages. Sign in with the email you purchased with, or get a license to unlock them."
  primaryLabel="Get a license"
  primaryHref="/pricing"
/>

You can install Templates with the latest shadcn CLI 3.0.

> **Note:** Templates are currently built on the Radix UI version of shadcn/ui. Base UI variants of the templates are not available yet.

1. Ensure shadcn/ui is installed in your project. If not, [install it](https://ui.shadcn.com/docs/installation) now.
2. Find and copy your license key. If you purchased the [React or Premium](/pricing) package, you can find it in [Customer Portal](https://polar.sh/shadcndesign/portal) page after logging in with your email.
3. In your project root, create `.env.local` file with the content: `SHADCNDESIGN_LICENSE_KEY=your_license_key`
4. Update your `components.json` file by adding our registry as presented in the Templates docs.

```json
{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "new-york",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "",
    "css": "app/globals.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "iconLibrary": "lucide",
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib",
    "hooks": "@/hooks"
  },
  "registries": {
    "@shadcndesign": {
      "url": "https://www.shadcndesign.com/api/registry/styles/{style}/{name}",
      "headers": {
        "X-License-Key": "${SHADCNDESIGN_LICENSE_KEY}"
      }
    }
  }
}
```

5. Install our styles: `npx shadcn@latest add @shadcndesign/styles`
6. That's it, you are ready to go! You can install the templates by following the examples in our Templates pages.

```bash
Install Inspiro template
npx shadcn@latest add @shadcndesign/template-inspiro

Install Developer Portfolio template
npx shadcn@latest add @shadcndesign/template-developer-portfolio
```