apps/v4/content/docs/(root)/directory.mdx
import { TriangleAlertIcon } from "lucide-react"
These registries are built into the CLI with no additional configuration required. To add a component, run: npx shadcn add @<registry>/<component>.
<Callout type="warning" className="border-amber-200 bg-amber-50 font-semibold dark:border-amber-900 dark:bg-amber-950"
Community registries are maintained by third-party developers. Always review code on installation to ensure it meets your security and quality standards. </Callout>
Don't see a registry? Learn how to add it here.
<DirectoryList />You can use the shadcn CLI to run your own code registry. Running your own registry allows you to distribute your custom components, hooks, pages, config, rules and other files to any project.
<LinkedCard href="/docs/registry/authentication" className="items-start text-sm md:p-6"
<div className="font-medium">Authentication</div> <div className="text-muted-foreground"> Secure your registry with authentication </div> </LinkedCard> <LinkedCard href="/docs/registry/namespace" className="items-start text-sm md:p-6" > <div className="font-medium">Namespaces</div> <div className="text-muted-foreground"> Configure registries with namespaces </div> </LinkedCard> <LinkedCard href="/docs/registry/registry-index" className="items-start text-sm md:p-6" > <div className="font-medium">Add a Registry</div> <div className="text-muted-foreground"> Learn how to add a registry to the directory </div> </LinkedCard> <LinkedCard href="/docs/registry/examples" className="items-start text-sm md:p-6" > <div className="font-medium">Examples</div> <div className="text-muted-foreground"> Registry item examples and configurations </div> </LinkedCard> <LinkedCard href="/docs/registry/registry-json" className="items-start text-sm md:p-6" > <div className="font-medium">Schema</div> <div className="text-muted-foreground"> Schema specification for registry.json </div> </LinkedCard> </div>