A collection of beautifully designed, accessible, and customizable email components. Built on React Email. Works with shadcn/ui.

How do I use emailcn?

Use npx shadcn@latest add with our registry URL to install components and blocks. Themes, components, and blocks are all installable via the shadcn CLI.

Is emailcn open source?

Yes. The source is on GitHub and released under the MIT License.

Stats

Statistics and metrics display components for showcasing data.

React Email MJML React

Variants

Simple Stats

Accent Stats

Background Stats

Bordered Stats

Boxed Stats

Dark Stats

Four Column Stats

Highlight Stats

Inline Stats

Minimal Stats

Primary Stats

Two Column Stats

Stats with Icons

Installation


$ pnpm dlx shadcn@latest add @emailcn/mjml-stats

Usage

import { SimpleStats } from "@/components/emails/marketing/stats/simple-stats";

<SimpleStats {...SimpleStats.PreviewProps} />

API Reference

Stats

Prop	Type	Default	Description
`theme`	`EmailTheme`	`defaultTheme`	Email theme styling

Social Links Team