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.

Logos

Logo cloud and brand showcase layouts for email headers and trust signals.

React Email MJML React

Variants

Basic Logo Cloud

Boxed Logo Cloud

Featured Brands Logo Grid

Logo Cloud with Borders

Logos Grid

Outlined Logo Cloud

Installation


$ pnpm dlx shadcn@latest add @emailcn/logos

Usage

import { BasicLogoCloud } from "@/components/emails/marketing/logos/basic-logo-cloud";

<BasicLogoCloud {...BasicLogoCloud.PreviewProps} />

API Reference

Logos

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

Images Pricing Table

On This Page

Variants Basic Logo Cloud Boxed Logo Cloud Featured Brands Logo Grid Logo Cloud with Borders Logos Grid Outlined Logo Cloud Installation Usage API Reference Logos

Edit this page Follow @shadcnlabs Join community