A collection of beautifully designed, accessible, and customizable email components for React Email, MJML React, and JSX 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.

Components

Here you can find all the email components available in the library.

Marketing

Content FAQ Logo Cloud Social Links Team Testimonial

Ecommerce

Category Preview Product List Shopping Cart Reviews

Order Summary

Table Billing Details

Product Detail

Single Image Two Images Three Images Masonry Images Split

UI Elements

Button Container Data Table Grid Pills Progress

Avatar Row

Group Details

Divider & Spacing

Divider Spacer

Fonts React Email

On This Page

Marketing Bento Grids Blog Coupons CTA Banner Feature Row Footers Logo Header Hero Images Pricing Table Stats Timelines Ecommerce Order Summary Product Detail UI Elements Avatar Row Divider & Spacing

Edit this page Follow @shadcnlabs Join community