# Docs

- Overview
  - [Introduction](/docs): Copy-paste email components for React. Built on React Email and MJML React, works with the shadcn CLI.
  - [Installation](/docs/installation): Install email components, blocks, themes, and font helpers from the emailcn registry.
  - [Theming](/docs/theming): Email themes and fonts for React Email and MJML React.
  - [MCP](/docs/mcp): Learn how to use the shadcn MCP (Model Context Protocol) server with emailcn.
  - [Registry](/docs/registry): Learn how to use the email registry with the shadcn CLI.
- Themes
  - [Themes](/docs/themes): Here you can find all the email themes available in the library.
  - React Email
    - [Airbnb Theme](/docs/themes/react-email/airbnb): Theme inspired by Airbnb for React Email.
    - [Default Theme](/docs/themes/react-email/default): Clean, minimal theme with neutral colors for React Email.
    - [GitHub Theme](/docs/themes/react-email/github): GitHub-inspired theme for React Email.
    - [Linear Theme](/docs/themes/react-email/linear): Light theme with purple accents for React Email.
    - [Notion Theme](/docs/themes/react-email/notion): Clean theme inspired by Notion for React Email.
    - [Raycast Theme](/docs/themes/react-email/raycast): Theme inspired by Raycast for React Email.
    - [Slack Theme](/docs/themes/react-email/slack): Theme inspired by Slack for React Email.
    - [Stripe Theme](/docs/themes/react-email/stripe): Theme inspired by Stripe's branding for React Email.
    - [Twitch Theme](/docs/themes/react-email/twitch): Dark theme with purple accents for React Email.
    - [Vercel Theme](/docs/themes/react-email/vercel): Dark theme inspired by Vercel's design for React Email.
- Fonts
  - [Fonts](/docs/fonts): Here you can find all the email fonts available in the library.
- Components
  - [Components](/docs/components): Here you can find all the email components available in the library.
  - React Email
    - [React Email](/docs/components/react-email): Email components built with react-email
    - Marketing
      - [Marketing](/docs/components/react-email/marketing): Marketing components for email templates - heroes, CTAs, footers, and more.
      - [CTA Banner](/docs/components/react-email/marketing/cta): A call-to-action banner for promotions.
      - [Feature Row](/docs/components/react-email/marketing/feature): A feature display with icon, title, and description.
      - [Logo Header](/docs/components/react-email/marketing/headers): A header with company logo.
      - [Hero](/docs/components/react-email/marketing/heroes): A hero section with heading, subheading, and CTA button.
      - [Pricing Table](/docs/components/react-email/marketing/pricing): A pricing comparison table for subscription plans.
      - [Testimonial](/docs/components/react-email/marketing/testimonials): A customer testimonial section with avatar and quote.
    - Ecommerce
      - [Ecommerce](/docs/components/react-email/ecommerce): Ecommerce components for email templates - product cards, orders, and more.
      - [Product Card](/docs/components/react-email/ecommerce/product-detail): A product display card with image and details.
    - UI Elements
      - [UI Elements](/docs/components/react-email/ui-elements): Basic UI elements for email templates - buttons, spacing, avatars, and more.
      - [Avatar Row](/docs/components/react-email/ui-elements/avatars): A row of user avatars with optional names.
      - [Divider](/docs/components/react-email/ui-elements/spacing): A horizontal divider line.
  - MJML React
    - [MJML React](/docs/components/mjml-react): Email components built with mjml-react
    - Marketing
      - [Marketing](/docs/components/mjml-react/marketing): Marketing components for email templates - heroes, CTAs, footers, and more.
      - [CTA Banner](/docs/components/mjml-react/marketing/cta): A call-to-action banner for promotions.
      - [Feature Row](/docs/components/mjml-react/marketing/feature): A feature display with icon, title, and description.
      - [Logo Header](/docs/components/mjml-react/marketing/headers): A header with company logo.
      - [Hero](/docs/components/mjml-react/marketing/heroes): A hero section with heading, subheading, and CTA button.
      - [Pricing Table](/docs/components/mjml-react/marketing/pricing): A pricing comparison table for subscription plans.
      - [Social Links](/docs/components/mjml-react/marketing/social): A row of social media links with icons.
      - [Testimonial](/docs/components/mjml-react/marketing/testimonials): A customer testimonial section with avatar and quote.
    - Ecommerce
      - [Ecommerce](/docs/components/mjml-react/ecommerce): Ecommerce components for email templates - product cards, orders, and more.
      - [Product Card](/docs/components/mjml-react/ecommerce/product-detail): A product display card with image and details.
    - UI Elements
      - [UI Elements](/docs/components/mjml-react/ui-elements): Basic UI elements for email templates - buttons, spacing, avatars, and more.
      - [Avatar Row](/docs/components/mjml-react/ui-elements/avatars): A row of user avatars with optional names.
      - [Divider](/docs/components/mjml-react/ui-elements/spacing): A horizontal divider line.
- Blocks
  - [Blocks](/docs/blocks): Here you can find all the email blocks available in the library.
  - React Email
    - [React Email Blocks](/docs/blocks/react-email): Email blocks built with react-email
    - [Authentication Emails](/docs/blocks/react-email/authentication): Pre-built authentication email templates for various use cases.
    - [Notification Emails](/docs/blocks/react-email/notification): Pre-built notification email templates for various use cases.
    - [Newsletter Emails](/docs/blocks/react-email/newsletter): Pre-built newsletter email templates for updates and announcements.
    - [Invitation Emails](/docs/blocks/react-email/invites): Pre-built invitation email templates for team and project invites.
    - [Receipt Emails](/docs/blocks/react-email/receipts): Pre-built receipt and invoice email templates.
    - [Onboarding Emails](/docs/blocks/react-email/onboarding): Pre-built onboarding email templates for new users.
  - MJML React
    - [MJML React Blocks](/docs/blocks/mjml-react): Email blocks built with mjml-react
    - [Authentication Emails](/docs/blocks/mjml-react/authentication): Pre-built authentication email templates for various use cases.
    - [Notification Emails](/docs/blocks/mjml-react/notification): Pre-built notification email templates for various use cases.
    - [Newsletter Emails](/docs/blocks/mjml-react/newsletter): Pre-built newsletter email templates for updates and announcements.
    - [Invitation Emails](/docs/blocks/mjml-react/invites): Pre-built invitation email templates for team and project invites.
    - [Receipt Emails](/docs/blocks/mjml-react/receipts): Pre-built receipt and invoice email templates.
    - [Onboarding Emails](/docs/blocks/mjml-react/onboarding): Pre-built onboarding email templates for new users.