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.

Full Menu Footer

full-menu footer with oversized-logo and bordered variants

React Email MJML React JSX Email

Installation


$ pnpm dlx shadcn@latest add @emailcn/footer-with-full-menu

Usage

import { FooterWithFullMenu } from "@/components/emails/marketing/footers/footer-with-full-menu";

<FooterWithFullMenu
  {...FooterWithFullMenu.PreviewProps}
  variant="oversized-logo"
/>

Examples

Oversized Logo

Bordered

API Reference

Prop	Type	Default	Description
`variant`	`"oversized-logo" \| "bordered"`	`"oversized-logo"`	Selects the exact layout
`theme`	`EmailTheme`	`defaultTheme`	Email theme styling

Large Title and Buttons Footer Centered with Menu and Socials

On This Page

Installation Usage Examples Oversized Logo Bordered API Reference

Edit this page Follow @shadcnlabs Join community