← Back to articles

components.json

Path: Computer Tech/Development/Web Design/Web Frameworks/Astro/Astro Dev/components.json.mdUpdated: 2/3/2026

Configuration file for ShadCN UI.
Controls how components are generated and where styles are sourced.

Example

json
{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "default",
  "rsc": false,
  "tsx": true,
  "tailwind": {
    "config": "tailwind.config.cjs",
    "css": "src/index.css",
    "baseColor": "slate",
    "cssVariables": true
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils"
  }
}

Purpose

Tells the CLI where your Tailwind config and styles live.
Lets you add components with commands like:

zsh
npx shadcn-ui@latest add button