Personal shadcn dual distribution
Feature-first showcase. Keep each capability isolated by route so new features can be added cleanly.
Install
Method 1: URL (zero config)
Directly specify the full URL, no extra configuration needed.
pnpm dlx shadcn@latest add https://adonis-kit.vercel.app/r/button.jsonMethod 2: Namespace (recommended)
Add registry to your components.json once, then install by short name.
// components.json
{
"$schema": "https://ui.shadcn.com/schema.json",
"registries": {
"@adonis-kit": {
"url": "https://adonis-kit.vercel.app/r"
}
}
}pnpm dlx shadcn@latest add @adonis-kit/buttonThis config works alongside official shadcn — shadcn add button still installs from the official registry, while shadcn add @adonis-kit/button installs from this registry.
Available Components
Button
A reusable button component.
URL
pnpm dlx shadcn@latest add https://adonis-kit.vercel.app/r/button.jsonNamespace
pnpm dlx shadcn@latest add @adonis-kit/buttonCard
Composable card primitives.
URL
pnpm dlx shadcn@latest add https://adonis-kit.vercel.app/r/card.jsonNamespace
pnpm dlx shadcn@latest add @adonis-kit/cardReact Layouts
Layout composition utility using higher-order components. Includes withLayouts, useLayoutProps, and useAllLayoutProps.
URL
pnpm dlx shadcn@latest add https://adonis-kit.vercel.app/r/react-layouts.jsonNamespace
pnpm dlx shadcn@latest add @adonis-kit/react-layoutsreact-layouts
Runtime-split demo hub for @adonis-kit/react-layouts with dedicated showcase-client and showcase-server pages.
shadcn Registry
Public registry endpoints for shadcn CLI downloads, supporting both URL mode and @adonis-kit namespace mode.