shadcn Registry
w3-kit is published as a shadcn/ui compatible registry. Install components directly into your project using the shadcn CLI — they land in your codebase as local files you fully own.
Registry URL
https://w3-kit.com/registryInstalling Components
Use the shadcn CLI to add any of the 27 components directly from the w3-kit registry.
npx shadcn@latest add https://w3-kit.com/registry/connect-walletWhat Gets Installed
Each registry entry includes everything the component needs:
- Component source files (.tsx)
- TypeScript type definitions
- Utility functions the component depends on
- Automatic dependency installation (Radix UI, lucide-react, etc.)
Registry Format
The registry serves each component as a JSON entry following the shadcn/ui registry schema.
registry/connect-wallet.json
{
"name": "connect-wallet",
"type": "registry:ui",
"dependencies": [
"@radix-ui/react-dialog",
"lucide-react"
],
"files": [
{
"path": "ui/connect-wallet.tsx",
"type": "registry:ui"
}
]
}Compatibility
w3-kit components are fully compatible with the shadcn/ui theming system and project structure. They use the same CSS custom properties, the same Tailwind config patterns, and the same file organization conventions.