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

Simple Grid Stats

Boxed Grid Stats

Grid Stats with Accent Column

Grid Stats with Border

Milestone Stats

Outlined Grid Stats

Overlay Stats

Rolling Stats

Single Stat with Background Image

Stacked Stats

Installation


$ pnpm dlx shadcn@latest add @emailcn/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

On This Page

Variants Simple Stats Simple Grid Stats Boxed Grid Stats Grid Stats with Accent Column Grid Stats with Border Milestone Stats Outlined Grid Stats Overlay Stats Rolling Stats Single Stat with Background Image Stacked Stats Installation Usage API Reference Stats

Edit this page Follow @shadcnlabs Join community