Templates

Installation

Free templates

Free templates can be accessed by opening them in v0 with Access in v0 button on the template page.

Paid templates

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 now.
2. Find and copy your license key. If you purchased the Premium package, you can find it in Customer Protal 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.

{
  "$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://shadcndesign-registry.vercel.app/api/registry/{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.

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

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