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.

Team

Team member display components for showcasing people in emails.

React Email MJML React

Variants

Horizontal Team Member Bios

2 Column Team Cards with Details

2 Column Team Cards

2 Columns Compact

3 Columns Team Grid

Installation


$ pnpm dlx shadcn@latest add @emailcn/team

Usage

import { HorizontalTeamMemberBios } from "@/components/emails/marketing/team/horizontal-team-member-bios";

<HorizontalTeamMemberBios {...HorizontalTeamMemberBios.PreviewProps} />

API Reference

Team

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

Stats Testimonial

On This Page

Variants Horizontal Team Member Bios 2 Column Team Cards with Details 2 Column Team Cards 2 Columns Compact 3 Columns Team Grid Installation Usage API Reference Team

Edit this page Follow @shadcnlabs Join community