/
132
Sponsor

Registry

Learn how to use the emailcn registry with the shadcn CLI.

The emailcn registry ships components, blocks, themes, and font helpers in the shadcn registry format. Items are namespaced by framework: react-email/, mjml-react/, or jsx-email/.

Setup

Add a registries entry for this site. See the shadcn registry documentation for all components.json fields and behaviors.

{
  "registries": {
    "@emailcn": "https://emailcn.run/r/{name}.json"
  }
}

You can replace @emailcn with another namespace; it only needs to match what you pass to shadcn add.

Usage

Prefix each item with its framework:

$ pnpm dlx shadcn@latest add @emailcn/react-email/button

Themes are theme-<id>:

$ pnpm dlx shadcn@latest add @emailcn/react-email/theme-stripe

Blocks are block-<id>:

$ pnpm dlx shadcn@latest add @emailcn/react-email/block-onboarding-default

Fonts (React Email and JSX Email styles) — e.g. default-fonts, tech-fonts:

$ pnpm dlx shadcn@latest add @emailcn/react-email/default-fonts

Without a registry alias, use the full item URL:

$ pnpm dlx shadcn@latest add https://emailcn.run/r/react-email/button.json

The complete registry index is available at https://emailcn.run/r/registry.json.