/
132
Sponsor

Introduction

Next

Copy-paste components for React Email, MJML React, and JSX Email that work with the shadcn CLI.

emailcn provides beautifully designed and customizable email components for React Email, MJML React, and JSX Email, designed to work seamlessly with the shadcn CLI.

Philosophy

emailcn follows the shadcn model for emails: copy-paste components you can own, with zero lock-in and sensible defaults that work immediately.

Email stacks are easy to fragment across one-off templates. emailcn keeps themes, fonts, etc. consistent across blocks and primitives, while still letting you drop down to raw react-email, mjml-react, or jsx-email APIs when needed.

The goal is simple: make emails feel like the rest of your stack — composable, themeable, and easy to customize.

Why emailcn?

Most email components are either too opinionated or too scattered. emailcn is built for teams that want to ship quickly without giving up control:

  • Own Your Code: Copy the components into your project and customize everything.
  • Start Fast: Run one command and render your first email with production-ready defaults.
  • Scale Safely: Build on React Email, MJML React, or JSX Email directly, then drop to raw APIs when needed.

Features

Zero Config
Works out of the box with sensible defaults. No boilerplate needed.
Theme Aware
Automatically adapts colors to your chosen email theme.
Composable
Build complex emails with simple, declarative components.
TypeScript
Full type safety with comprehensive TypeScript support.
Copy & Paste
Own your code. No runtime dependencies, just install into your project.
shadcn Compatible
Uses the same registry format — add components with npx shadcn add.