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.

FAQ

Frequently asked questions sections for email content.

React Email MJML React

Variants

Boxed FAQ with Numbered Questions

Boxed FAQ with Numbers and Alternating Background

Collapsed FAQ with Expanded Section and Icons

Collapsed FAQ with Inline CTA

Collapsed FAQ with Numbers

Expanded FAQ with Numbers

Expanded FAQ with Offset Answers

Installation


$ pnpm dlx shadcn@latest add @emailcn/faq

Usage

import { BoxedFaqWithNumberedQuestions } from "@/components/emails/marketing/faq/boxed-faq-with-numbered-questions";

<BoxedFaqWithNumberedQuestions
  {...BoxedFaqWithNumberedQuestions.PreviewProps}
/>

API Reference

FAQ

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

CTA Banner Feature Row

On This Page

Variants Boxed FAQ with Numbered Questions Boxed FAQ with Numbers and Alternating Background Collapsed FAQ with Expanded Section and Icons Collapsed FAQ with Inline CTA Collapsed FAQ with Numbers Expanded FAQ with Numbers Expanded FAQ with Offset Answers Installation Usage API Reference FAQ

Edit this page Follow @shadcnlabs Join community