0
Sponsor

Introduction

Next

Copy-paste email components for React. Built on React Email and MJML React, works with the shadcn CLI.

emailcn provides beautifully designed and customizable email components. Built on React Email and MJML React and 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 or mjml-react 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 top of React Email/MJML 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.