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.

Footers

Email footer components with navigation, social links, and legal text.

React Email MJML React

Variants

Basic Footer

Bordered Footer

Columns Footer

Dark Footer

Disclaimer Footer

Full Footer

Links Footer

Minimal Footer

Unsubscribe Footer

Installation


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

Usage

import { FooterWithLegalText } from "@/components/emails/marketing/footers/footer-with-legal-text";

<FooterWithLegalText {...FooterWithLegalText.PreviewProps} />

API Reference

Footer

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

Feature Row Logo Header

On This Page

Variants Basic Footer Bordered Footer Columns Footer Dark Footer Disclaimer Footer Full Footer Links Footer Minimal Footer Social Footer Unsubscribe Footer Installation Usage API Reference Footer

Edit this page Follow @shadcnlabs Join community