shadcn/ui Architecture
Registry Source-Distribution Model vs. NPM Package Model
1. Choose Component
2. Execute Add
3. Source Lands
Model:
SOURCE CODE
Reset
SYSTEM MODEL
Click any component item in the Registry to transmit source code directly into your codebase.
LEFT ZONE // THE REGISTRY (registry.json)
CENTER ZONE // CLI ENGINE
RIGHT ZONE // YOUR PROJECT (SOURCE)
RAW JSON
COPIES TSX
npx shadcn@latest add
deeplethe/solid-glass/<name>
src/components/ui/
// Click items on left to copy source
src/styles/
// global styles land here
node_modules/
└── @deeplethe/solid-glass
[READ-ONLY COMPILED MODULE]
Code lives inside node_modules.
Cannot directly edit component code.