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/registry

Installing 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-wallet

What 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.