Templates

Get complete, production-ready templates installed directly into your shadcn/ui project. Each template includes multiple pages, components, and layouts ready to customize.

Installation

Premium templates

Install premium templates using the latest shadcn CLI 3.0.

Step 1: Set up shadcn/ui

Make sure shadcn/ui is installed in your project. If not, install it now.

Step 2: Get your license key

After purchasing a Premium package, you'll receive your license key via email. You can also find it in the customer portal by logging in with your purchase email.

Your license key looks like this: SHADCNFIGMA-XXXX-XXXX-XXXX-XXXX

Step 3: Add your license key

Create a .env.local file in your project root and add your license key:

SHADCNFIGMA_LICENSE_KEY=your_license_key

Step 4: Configure the registry

Make sure your components.json file includes these settings:

{
  "$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": {
    "@shadcnfigma": {
      "url": "https://shadcnfigma.io/api/registry/{name}",
      "headers": {
        "License-Key": "${SHADCNFIGMA_LICENSE_KEY}"
      }
    }
  }
}

Step 5: Install templates

Browse the Templates section and use the CLI command shown on each template's page.

Example installations

Install a landing page template

npx shadcn@latest add @shadcnfigma/template-saas-landing

Install a dashboard template

npx shadcn@latest add @shadcnfigma/template-dashboard

Free templates

Some templates are available for free. These don't require a license key.

Step 1: Set up shadcn/ui

Make sure shadcn/ui is installed in your project. If not, install it now.

Step 2: Configure the registry

Update your components.json file:

{
  "registries": {
    "@shadcnfigma": {
      "url": "https://shadcnfigma.io/api/registry/{name}"
    }
  }
}

Step 3: Install free templates

Browse the Templates section, find templates marked as "Free", and use the CLI command shown.

What's included

Each template includes:

• Multiple pages - Home, about, contact, and more depending on the template
• Complete layouts - Headers, footers, navigation, and sidebars
• Integrated components - All Pro Blocks and UI components needed
• Routing setup - Next.js App Router configuration ready to go
• Responsive design - Mobile, tablet, and desktop layouts
• Dark mode support - Built-in theme switching

After installation

Once installed, templates are added to your project's components folder. You can:

• Customize colors, fonts, and spacing
• Add or remove sections
• Integrate with your backend
• Deploy to your preferred platform

Need help?

Visit our Help Center or check the Getting Started guide for more information.