emailcn — Responsive email components compatible with React Email, MJML, and JSX Email.

Responsive email components compatible with React Email, MJML, and JSX Email.

Included Components

95
ContentLogo CloudSocial LinksTeamTestimonialCategory PreviewProduct ListShopping CartReviewsButtonContainerData TableGridPillsProgressImage GridProduct GridStats GridHorizontal PostFeatured PostPodcastCardCentered TextContent OverlayBasicBackgroundTop ImageImage StripCollageAvatarsImageProduct ImagesPortraitTall Background ImagesNavigationPromotionUtilityLogoBadgeFinance StatsMenuSocial IconsUser DetailsOverlaySplitOverlapFeatured GridMasonry GridFull WidthSubscriptionPurchaseCollectionSpotlightMilestoneStackedGeneralPaymentTableBilling DetailsSingle ImageTwo ImagesThree ImagesMasonry ImagesGroupDetailsDividerSpacerFontsReact EmailMarketingBento GridsCouponsCTA BannerFeature RowFootersLogo HeaderHeroImagesPricing TableStatsTimelinesEcommerceOrder SummaryProduct DetailUI ElementsAvatar RowDivider & SpacingEdit this pageFollow @shadcnlabsJoin communityReceipt Invoice EmailWelcome Onboarding MailSecurity Verification CodeDigest Newsletter BlockResponsive Email Layout

emailcn brings shadcn's refined component conventions to the notoriously difficult world of HTML email design. Compatible with React Email, MJML, and JSX Email, it offers cross-client verified templates for transactional receipts, newsletters, and security notifications.