Registry

The emailcn registry ships React Email and MJML React email components, blocks, themes, and font helpers in the shadcn registry format. Register the namespace once in components.json, then pull items by name with the CLI.

Setup

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

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

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

Usage

React Email — names have no prefix:

bunnpmpnpmyarn
$ pnpm dlx dlx shadcn@latest add @emailcn/hero
Copy

MJML — use the mjml- prefix:

bunnpmpnpmyarn
$ pnpm dlx dlx shadcn@latest add @emailcn/mjml-hero
Copy

Themes are theme-<id>.json:

bunnpmpnpmyarn
$ pnpm dlx dlx shadcn@latest add @emailcn/theme-stripe
Copy

Fonts (React Email helpers) — e.g. default-fonts, tech-fonts:

bunnpmpnpmyarn
$ pnpm dlx dlx shadcn@latest add @emailcn/default-fonts
Copy

Without a registry alias, use the full URL shown on each docs page:

bunnpmpnpmyarn
$ pnpm dlx dlx shadcn@latest add https://emailcn.com/r/hero.json
Copy