# 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, MJML React, and JSX Email.
  - [MCP](/docs/mcp): Learn how to use the shadcn MCP (Model Context Protocol) server with emailcn.
  - [Registry](/docs/registry): Learn how to use the emailcn 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.
      - Bento Grids
        - [Bento Grids](/docs/components/react-email/marketing/bento-grids): Bento grid layouts for showcasing content in organized, multi-column arrangements.
        - [3 Columns Even Split Image Stats](/docs/components/react-email/marketing/bento-grids/3-columns-even-split-image-stats): Marketing bento-grids variant for email templates
        - [3 Columns Even Split Text Stats](/docs/components/react-email/marketing/bento-grids/3-columns-even-split-text-stats): Marketing bento-grids variant for email templates
        - [3 Columns Flush Images](/docs/components/react-email/marketing/bento-grids/3-columns-flush-images): Marketing bento-grids variant for email templates
        - [3 Columns Padded Images](/docs/components/react-email/marketing/bento-grids/3-columns-padded-images): Marketing bento-grids variant for email templates
        - [Even Split Image Stats](/docs/components/react-email/marketing/bento-grids/even-split-image-stats): Marketing bento-grids variant for email templates
        - [Even Split Text Stats](/docs/components/react-email/marketing/bento-grids/even-split-text-stats): Marketing bento-grids variant for email templates
        - [Even Split Two Thirds](/docs/components/react-email/marketing/bento-grids/even-split-two-thirds): Marketing bento-grids variant for email templates
        - [Images with Captions](/docs/components/react-email/marketing/bento-grids/images-with-captions): Marketing bento-grids variant for email templates
        - [Images with Details](/docs/components/react-email/marketing/bento-grids/images-with-details): Marketing bento-grids variant for email templates
        - [Two Rows, 3 Column Second Row](/docs/components/react-email/marketing/bento-grids/two-rows-3-column-second-row): Marketing bento-grids variant for email templates
        - [Two Thirds with Stats](/docs/components/react-email/marketing/bento-grids/two-thirds-with-stats): Marketing bento-grids variant for email templates
      - Blog
        - [Blog](/docs/components/react-email/marketing/blog): Blog post layouts for email newsletters and content digests.
        - [Featured Blog Post](/docs/components/react-email/marketing/blog/featured-blog-post): Marketing blog variant for email templates
        - [2 Columns Blog with Images and Boxed Content](/docs/components/react-email/marketing/blog/2-columns-blog-with-images-and-boxed-content): 2 Columns Blog with Images and Boxed Content — Blog email component.
        - [2 Columns Blog with Images and Text](/docs/components/react-email/marketing/blog/2-columns-blog-with-images-and-text): 2 Columns Blog with Images and Text — Blog email component.
        - [2 Columns Blog with Images](/docs/components/react-email/marketing/blog/2-columns-blog-with-images): 2 Columns Blog with Images — Blog email component.
        - [2 Columns Masonry Blog with Boxed Content](/docs/components/react-email/marketing/blog/2-columns-masonry-blog-with-boxed-content): 2 Columns Masonry Blog with Boxed Content — Blog email component.
        - [Blog Post Horizontal Boxed with Split Images](/docs/components/react-email/marketing/blog/blog-post-horizontal-boxed-with-split-images): Marketing blog variant for email templates
        - [Blog Post Horizontal Boxed](/docs/components/react-email/marketing/blog/blog-post-horizontal-boxed): Marketing blog variant for email templates
        - [Blog with Images and 2 Columns Masonry](/docs/components/react-email/marketing/blog/blog-with-images-and-2-columns-masonry): Marketing blog variant for email templates
        - [Featured Post with Large Date](/docs/components/react-email/marketing/blog/featured-post-with-large-date): Marketing blog variant for email templates
        - [Full Width Featured Post with Large Date](/docs/components/react-email/marketing/blog/full-width-featured-post-with-large-date): Marketing blog variant for email templates
        - [Podcast Blog Split](/docs/components/react-email/marketing/blog/podcast-blog-split): Marketing blog variant for email templates
        - [Podcast Full Width](/docs/components/react-email/marketing/blog/podcast-full-width): Marketing blog variant for email templates
        - [Single Post Horizontal](/docs/components/react-email/marketing/blog/single-post-horizontal): Marketing blog variant for email templates
      - [Content](/docs/components/react-email/marketing/content): Title and paragraph content blocks with one or two columns, optional icons, and padding control.
      - Coupons
        - [Coupons](/docs/components/react-email/marketing/coupons): Coupon and discount code displays for promotional emails.
        - [Card Coupons](/docs/components/react-email/marketing/coupons/card-coupons): Marketing coupons variant for email templates
        - [Centered Text](/docs/components/react-email/marketing/coupons/centered-text): Marketing coupons variant for email templates
        - [Content Overlayed](/docs/components/react-email/marketing/coupons/content-overlayed): Marketing coupons variant for email templates
      - CTA Banner
        - [CTA Banner](/docs/components/react-email/marketing/cta): Call-to-action banners for promotions and announcements.
        - [Boxed with Background Image](/docs/components/react-email/marketing/cta/boxed-with-background-image): Marketing cta variant for email templates
        - [Background Image](/docs/components/react-email/marketing/cta/background-image): Marketing cta variant for email templates
        - [Image Strip](/docs/components/react-email/marketing/cta/image-strip): Marketing cta variant for email templates
        - [Shifted Images](/docs/components/react-email/marketing/cta/shifted-images): Marketing cta variant for email templates
        - [Team Avatars](/docs/components/react-email/marketing/cta/team-avatars): Marketing cta variant for email templates
        - [Title & Action Lead](/docs/components/react-email/marketing/cta/title-action-lead): Marketing cta variant for email templates
        - [Top Large Image](/docs/components/react-email/marketing/cta/top-large-image): Marketing cta variant for email templates
      - FAQ
        - [FAQ](/docs/components/react-email/marketing/faq): Frequently asked questions sections for email content.
        - [Boxed FAQ with Numbered Questions](/docs/components/react-email/marketing/faq/boxed-faq-with-numbered-questions): Marketing faq variant for email templates
        - [Boxed FAQ with Numbers and Alternating Background](/docs/components/react-email/marketing/faq/boxed-faq-with-numbers-and-alternating-background): Marketing faq variant for email templates
        - [Collapsed FAQ with Expanded Section and Icons](/docs/components/react-email/marketing/faq/collapsed-faq-with-expanded-section-and-icons): Marketing faq variant for email templates
        - [Collapsed FAQ with Inline CTA](/docs/components/react-email/marketing/faq/collapsed-faq-with-inline-cta): Marketing faq variant for email templates
        - [Collapsed FAQ with Numbers](/docs/components/react-email/marketing/faq/collapsed-faq-with-numbers): Marketing faq variant for email templates
        - [Expanded FAQ with Numbers](/docs/components/react-email/marketing/faq/expanded-faq-with-numbers): Marketing faq variant for email templates
        - [Expanded FAQ with Offset Answers](/docs/components/react-email/marketing/faq/expanded-faq-with-offset-answers): Marketing faq variant for email templates
      - Feature Row
        - [Feature Row](/docs/components/react-email/marketing/feature): Feature display components with images, titles, and descriptions.
        - [Product Image](/docs/components/react-email/marketing/feature/product-image): Marketing feature variant for email templates
        - [Double Tall Background Images](/docs/components/react-email/marketing/feature/double-tall-background-images): Marketing feature variant for email templates
        - [Full Title & Tall Background Images](/docs/components/react-email/marketing/feature/full-title-tall-background-images): Marketing feature variant for email templates
        - [Large Portrait Image](/docs/components/react-email/marketing/feature/large-portrait-image): Marketing feature variant for email templates
        - [Multiple Product Images](/docs/components/react-email/marketing/feature/multiple-product-images): Marketing feature variant for email templates
      - Footers
        - [Footers](/docs/components/react-email/marketing/footers): Email footer components with navigation, social links, and legal text.
        - [Footer with Legal Text](/docs/components/react-email/marketing/footers/footer-with-legal-text): Marketing footers variant for email templates
        - [Centered with Bordered Full Menu](/docs/components/react-email/marketing/footers/centered-with-bordered-full-menu): Marketing footers variant for email templates
        - [Centered with Menu and Socials](/docs/components/react-email/marketing/footers/centered-with-menu-and-socials): Marketing footers variant for email templates
        - [2 Column Menu](/docs/components/react-email/marketing/footers/2-column-menu): Marketing footers variant for email templates
        - [3 Column Menu](/docs/components/react-email/marketing/footers/3-column-menu): Marketing footers variant for email templates
        - [Content and CTA](/docs/components/react-email/marketing/footers/content-and-cta): Marketing footers variant for email templates
        - [Oversized Logo and Full Menu](/docs/components/react-email/marketing/footers/oversized-logo-and-full-menu): Marketing footers variant for email templates
        - [Social Icons and Address](/docs/components/react-email/marketing/footers/social-icons-and-address): Marketing footers variant for email templates
        - [Text Menu and Socials](/docs/components/react-email/marketing/footers/text-menu-and-socials): Marketing footers variant for email templates
        - [Simple Footer with Social Icons](/docs/components/react-email/marketing/footers/simple-footer-with-social-icons): Marketing footers variant for email templates
      - Logo Header
        - [Logo Header](/docs/components/react-email/marketing/headers): Email header components with logo, navigation, and user details.
        - [Simple Logo](/docs/components/react-email/marketing/headers/simple-logo): Marketing headers variant for email templates
        - [Logo with Badge](/docs/components/react-email/marketing/headers/logo-with-badge): Marketing headers variant for email templates
        - [Logo with Finance Stats](/docs/components/react-email/marketing/headers/logo-with-finance-stats): Marketing headers variant for email templates
        - [Logo with Menu](/docs/components/react-email/marketing/headers/logo-with-menu): Marketing headers variant for email templates
        - [Logo with Social Icons](/docs/components/react-email/marketing/headers/logo-with-social-icons): Marketing headers variant for email templates
        - [Logo with Text](/docs/components/react-email/marketing/headers/logo-with-text): Marketing headers variant for email templates
        - [User Details & Avatar](/docs/components/react-email/marketing/headers/user-details-avatar): Marketing headers variant for email templates
        - [User Details](/docs/components/react-email/marketing/headers/user-details): Marketing headers variant for email templates
      - Hero
        - [Hero](/docs/components/react-email/marketing/heroes): Hero sections with heading, subheading, and CTA button for email headers.
        - [Aligned Overlay](/docs/components/react-email/marketing/heroes/aligned-overlay): Marketing hero variant for email templates
        - [Block Overlay](/docs/components/react-email/marketing/heroes/block-overlay): Marketing hero variant for email templates
        - [Block with Bleed](/docs/components/react-email/marketing/heroes/block-with-bleed): Marketing hero variant for email templates
        - [Overlayed Split](/docs/components/react-email/marketing/heroes/overlayed-split): Marketing hero variant for email templates
        - [Split Contained](/docs/components/react-email/marketing/heroes/split-contained): Marketing hero variant for email templates
        - [Split Full Bleed](/docs/components/react-email/marketing/heroes/split-full-bleed): Marketing hero variant for email templates
        - [Image Grid](/docs/components/react-email/marketing/heroes/image-grid): Marketing hero variant for email templates
        - [Overlapped Content](/docs/components/react-email/marketing/heroes/overlapped-content): Marketing hero variant for email templates
        - [Overlapped Image](/docs/components/react-email/marketing/heroes/overlapped-image): Marketing hero variant for email templates
        - [Overlay Gradient](/docs/components/react-email/marketing/heroes/overlay-gradient): Marketing hero variant for email templates
        - [Overlayed Content](/docs/components/react-email/marketing/heroes/overlayed-content): Marketing hero variant for email templates
        - [Slanted Split](/docs/components/react-email/marketing/heroes/slanted-split): Marketing hero variant for email templates
      - Images
        - [Images](/docs/components/react-email/marketing/images): Image grid layouts for showcasing product photos and visual content.
        - [Full Width Image](/docs/components/react-email/marketing/images/full-width-image): Marketing images variant for email templates
        - [Full Width Image with Overlay](/docs/components/react-email/marketing/images/full-width-image-with-overlay): Marketing images variant for email templates
        - [2 Columns Image Grid](/docs/components/react-email/marketing/images/2-columns-image-grid): 2 Columns Image Grid — Images email component.
        - [2 Columns Image Grid with Full Width Feature](/docs/components/react-email/marketing/images/2-columns-image-grid-with-full-width-feature): 2 Columns Image Grid with Full Width Feature — Images email component.
        - [2 Columns Masonry Image Grid (3 Images)](/docs/components/react-email/marketing/images/2-columns-masonry-image-grid-3-images): 2 Columns Masonry Image Grid (3 Images) — Images email component.
        - [2 Columns Masonry Image Grid (4 Images)](/docs/components/react-email/marketing/images/2-columns-masonry-image-grid-4-images): 2 Columns Masonry Image Grid (4 Images) — Images email component.
        - [3 Columns Image Grid](/docs/components/react-email/marketing/images/3-columns-image-grid): 3 Columns Image Grid — Images email component.
        - [3 Columns Image Grid with Full Width Feature](/docs/components/react-email/marketing/images/3-columns-image-grid-with-full-width-feature): 3 Columns Image Grid with Full Width Feature — Images email component.
        - [3 Columns Masonry Image Grid](/docs/components/react-email/marketing/images/3-columns-masonry-image-grid): 3 Columns Masonry Image Grid — Images email component.
        - [3 Columns Masonry Image Grid with Full Width Feature](/docs/components/react-email/marketing/images/3-columns-masonry-image-grid-with-full-width-feature): 3 Columns Masonry Image Grid with Full Width Feature — Images email component.
      - Logos
        - [Logos](/docs/components/react-email/marketing/logos): Logo cloud and brand showcase layouts for email headers and trust signals.
        - [Basic Logo Cloud](/docs/components/react-email/marketing/logos/basic-logo-cloud): Marketing logos variant for email templates
        - [Boxed Logo Cloud](/docs/components/react-email/marketing/logos/boxed-logo-cloud): Marketing logos variant for email templates
        - [Featured Brands Logo Grid](/docs/components/react-email/marketing/logos/featured-brands-logo-grid): Marketing logos variant for email templates
        - [Logo Cloud with Borders](/docs/components/react-email/marketing/logos/logo-cloud-with-borders): Marketing logos variant for email templates
        - [Logos Grid](/docs/components/react-email/marketing/logos/logos-grid): Marketing logos variant for email templates
        - [Outlined Logo Cloud](/docs/components/react-email/marketing/logos/outlined-logo-cloud): Marketing logos variant for email templates
      - Pricing Table
        - [Pricing Table](/docs/components/react-email/marketing/pricing): Pricing comparison tables for subscription plans.
        - [Full Width Single](/docs/components/react-email/marketing/pricing/full-width-single): Marketing pricing variant for email templates
        - [2 Columns](/docs/components/react-email/marketing/pricing/2-columns): 2 Columns — Pricing Table email component.
        - [2 Columns with Gaps](/docs/components/react-email/marketing/pricing/2-columns-with-gaps): 2 Columns with Gaps — Pricing Table email component.
      - Social Links
        - [Social Links](/docs/components/react-email/marketing/social): Social media link components with icons for email footers and headers.
        - [Simple Social Logos Row](/docs/components/react-email/marketing/social/simple-social-logos-row): Marketing social variant for email templates
        - [Circle Tiles](/docs/components/react-email/marketing/social/circle-tiles): Marketing social variant for email templates
        - [Outlined Box](/docs/components/react-email/marketing/social/outlined-box): Marketing social variant for email templates
        - [Outlined Pill Box](/docs/components/react-email/marketing/social/outlined-pill-box): Marketing social variant for email templates
        - [Outlined Square Tiles](/docs/components/react-email/marketing/social/outlined-square-tiles): Marketing social variant for email templates
        - [Pill Box](/docs/components/react-email/marketing/social/pill-box): Marketing social variant for email templates
        - [Socials with Inline Labels](/docs/components/react-email/marketing/social/socials-with-inline-labels): Marketing social variant for email templates
        - [Socials with Inline Tile Labels](/docs/components/react-email/marketing/social/socials-with-inline-tile-labels): Marketing social variant for email templates
        - [Socials with Labels Stacked](/docs/components/react-email/marketing/social/socials-with-labels-stacked): Marketing social variant for email templates
        - [Socials with Stacked Tile Labels](/docs/components/react-email/marketing/social/socials-with-stacked-tile-labels): Marketing social variant for email templates
        - [Square Tiles](/docs/components/react-email/marketing/social/square-tiles): Marketing social variant for email templates
        - [Squared Box](/docs/components/react-email/marketing/social/squared-box): Marketing social variant for email templates
      - Stats
        - [Stats](/docs/components/react-email/marketing/stats): Statistics and metrics display components for showcasing data.
        - [Simple Stats](/docs/components/react-email/marketing/stats/simple-stats): Marketing stats variant for email templates
        - [Simple Grid Stats](/docs/components/react-email/marketing/stats/simple-grid-stats): Marketing stats variant for email templates
        - [Boxed Grid Stats](/docs/components/react-email/marketing/stats/boxed-grid-stats): Marketing stats variant for email templates
        - [Grid Stats with Accent Column](/docs/components/react-email/marketing/stats/grid-stats-with-accent-column): Marketing stats variant for email templates
        - [Grid Stats with Border](/docs/components/react-email/marketing/stats/grid-stats-with-border): Marketing stats variant for email templates
        - [Milestone Stats](/docs/components/react-email/marketing/stats/milestone-stats): Marketing stats variant for email templates
        - [Outlined Grid Stats](/docs/components/react-email/marketing/stats/outlined-grid-stats): Marketing stats variant for email templates
        - [Overlay Stats](/docs/components/react-email/marketing/stats/overlay-stats): Marketing stats variant for email templates
        - [Rolling Stats](/docs/components/react-email/marketing/stats/rolling-stats): Marketing stats variant for email templates
        - [Single Stat with Background Image](/docs/components/react-email/marketing/stats/single-stat-with-background-image): Marketing stats variant for email templates
        - [Stacked Stats](/docs/components/react-email/marketing/stats/stacked-stats): Marketing stats variant for email templates
      - Team
        - [Team](/docs/components/react-email/marketing/team): Team member display components for showcasing people in emails.
        - [Horizontal Team Member Bios](/docs/components/react-email/marketing/team/horizontal-team-member-bios): Marketing team variant for email templates
        - [2 Column Team Cards with Details](/docs/components/react-email/marketing/team/2-column-team-cards-with-details): 2 Column Team Cards with Details — Team email component.
        - [2 Column Team Cards](/docs/components/react-email/marketing/team/2-column-team-cards): 2 Column Team Cards — Team email component.
        - [2 Columns Compact](/docs/components/react-email/marketing/team/2-columns-compact): 2 Columns Compact — Team email component.
        - [3 Columns Team Grid](/docs/components/react-email/marketing/team/3-columns-team-grid): 3 Columns Team Grid — Team email component.
      - Testimonial
        - [Testimonial](/docs/components/react-email/marketing/testimonials): Customer testimonial sections with quotes, avatars, and author details.
        - [Centered with CTA](/docs/components/react-email/marketing/testimonials/centered-with-cta): Marketing testimonials variant for email templates
        - [Full Width with Overlapping Avatar](/docs/components/react-email/marketing/testimonials/full-width-with-overlapping-avatar): Marketing testimonials variant for email templates
        - [Full Width](/docs/components/react-email/marketing/testimonials/full-width): Marketing testimonials variant for email templates
        - [Split with CTA](/docs/components/react-email/marketing/testimonials/split-with-cta): Marketing testimonials variant for email templates
      - Timelines
        - [Timelines](/docs/components/react-email/marketing/timelines): Timeline components for changelogs, payment history, and event sequences.
        - [Cards Timeline](/docs/components/react-email/marketing/timelines/cards-timeline): Marketing timelines variant for email templates
        - [Changelog Boxed](/docs/components/react-email/marketing/timelines/changelog-boxed): Marketing timelines variant for email templates
        - [Changelog](/docs/components/react-email/marketing/timelines/changelog): Marketing timelines variant for email templates
        - [Payment Timeline](/docs/components/react-email/marketing/timelines/payment-timeline): Marketing timelines variant for email templates
        - [Split Cards](/docs/components/react-email/marketing/timelines/split-cards): Marketing timelines variant for email templates
        - [Stacked Boxed Timeline](/docs/components/react-email/marketing/timelines/stacked-boxed-timeline): Marketing timelines variant for email templates
        - [Stacked Timeline](/docs/components/react-email/marketing/timelines/stacked-timeline): Marketing timelines variant for email templates
    - Ecommerce
      - [Ecommerce](/docs/components/react-email/ecommerce): Ecommerce components for email templates - product cards, orders, and more.
      - Category Previews
        - [Category Previews](/docs/components/react-email/ecommerce/category-previews): Category preview layouts for browsing product categories.
        - [Category Preview with Cards](/docs/components/react-email/ecommerce/category-previews/category-preview-with-cards): Ecommerce category-previews variant for email templates
        - [Category Preview with Rows](/docs/components/react-email/ecommerce/category-previews/category-preview-with-rows): Ecommerce category-previews variant for email templates
      - Order Summary
        - [Order Summary](/docs/components/react-email/ecommerce/order-summary): Order summary layouts for purchase confirmation and receipt emails.
        - [Bordered Order Summary with Total Top](/docs/components/react-email/ecommerce/order-summary/bordered-order-summary-with-total-top): Ecommerce order-summary variant for email templates
        - [Bordered Order Summary with Total Bottom](/docs/components/react-email/ecommerce/order-summary/bordered-order-summary-with-total-bottom): Ecommerce order-summary variant for email templates
        - [Bordered Order Summary with Card Details](/docs/components/react-email/ecommerce/order-summary/bordered-order-summary-with-card-details): Ecommerce order-summary variant for email templates
        - [Boxed Order Summary with Total Top](/docs/components/react-email/ecommerce/order-summary/boxed-order-summary-with-total-top): Ecommerce order-summary variant for email templates
        - [Boxed Order Summary with Total Bottom](/docs/components/react-email/ecommerce/order-summary/boxed-order-summary-with-total-bottom): Ecommerce order-summary variant for email templates
        - [Boxed Order Summary with Card Details and Total Top](/docs/components/react-email/ecommerce/order-summary/boxed-order-summary-with-card-details-and-total-top): Boxed Order Summary with Card Details and Total Top — Order Summary email component.
        - [Boxed Order Summary with Card Details and Total Bottom](/docs/components/react-email/ecommerce/order-summary/boxed-order-summary-with-card-details-and-total-bottom): Boxed Order Summary with Card Details and Total Bottom — Order Summary email component.
        - [Order Summary with Billing Details (Inline)](/docs/components/react-email/ecommerce/order-summary/order-summary-with-billing-details-inline): Order Summary with Billing Details (Inline) — Order Summary email component.
        - [Order Summary with Billing Details (Top)](/docs/components/react-email/ecommerce/order-summary/order-summary-with-billing-details-top): Order Summary with Billing Details (Top) — Order Summary email component.
      - Product Detail
        - [Product Detail](/docs/components/react-email/ecommerce/product-detail): Product detail displays with images, descriptions, and purchase options.
        - [Single Image with Details](/docs/components/react-email/ecommerce/product-detail/single-image-with-details): Ecommerce product-detail variant for email templates
        - [Product Detail with Masonry Image Grid and Details](/docs/components/react-email/ecommerce/product-detail/product-detail-with-masonry-image-grid-and-details): Ecommerce product-detail variant for email templates
        - [Product Detail with Three Images and Details](/docs/components/react-email/ecommerce/product-detail/product-detail-with-three-images-and-details): Ecommerce product-detail variant for email templates
        - [Product Detail with Two Images and Details](/docs/components/react-email/ecommerce/product-detail/product-detail-with-two-images-and-details): Ecommerce product-detail variant for email templates
        - [Split Product Detail](/docs/components/react-email/ecommerce/product-detail/split-product-detail): Ecommerce product-detail variant for email templates
      - [Product Lists](/docs/components/react-email/ecommerce/product-lists): Product list layouts for showcasing multiple products in a single email section.
      - Reviews
        - [Reviews](/docs/components/react-email/ecommerce/reviews): Customer review and rating display components for ecommerce emails.
        - [Full Width Reviews](/docs/components/react-email/ecommerce/reviews/full-width-reviews): Ecommerce reviews variant for email templates
        - [Masonry Grid Reviews](/docs/components/react-email/ecommerce/reviews/masonry-grid-reviews): Ecommerce reviews variant for email templates
        - [Two Columns Reviews](/docs/components/react-email/ecommerce/reviews/two-columns-reviews): Ecommerce reviews variant for email templates
      - [Shopping Cart](/docs/components/react-email/ecommerce/shopping-cart): Shopping cart layouts for order review emails.
    - UI Elements
      - [UI Elements](/docs/components/react-email/ui-elements): Basic UI elements for email templates - buttons, spacing, avatars, and more.
      - Avatar Row
        - [Avatar Row](/docs/components/react-email/ui-elements/avatars): User avatar components for displaying people in emails.
        - [Avatar with Details](/docs/components/react-email/ui-elements/avatars/avatar-with-details): UI Elements avatars variant for email templates
        - [Grouped Overlapped Avatars](/docs/components/react-email/ui-elements/avatars/grouped-overlapped-avatars): UI Elements avatars variant for email templates
        - [Grouped Overlapped Avatars with Plus Count](/docs/components/react-email/ui-elements/avatars/grouped-overlapped-avatars-with-plus-count): UI Elements avatars variant for email templates
      - [Buttons](/docs/components/react-email/ui-elements/buttons): A single email button component with primary, secondary, and text link styles, optional icons, and alignment.
      - [Container](/docs/components/react-email/ui-elements/containers): Layout container for wrapping email content with responsive padding.
      - Data Tables
        - [Data Tables](/docs/components/react-email/ui-elements/data-tables): Table components for displaying structured data and metrics in emails.
        - [Basic](/docs/components/react-email/ui-elements/data-tables/basic): Basic — Data Tables email component.
        - [With 4 Columns](/docs/components/react-email/ui-elements/data-tables/with-4-columns): With 4 Columns — Data Tables email component.
        - [With Change Indicator Pills](/docs/components/react-email/ui-elements/data-tables/with-change-indicator-pills): With Change Indicator Pills — Data Tables email component.
        - [With Edit Button](/docs/components/react-email/ui-elements/data-tables/with-edit-button): With Edit Button — Data Tables email component.
        - [With Logos and Action Links](/docs/components/react-email/ui-elements/data-tables/with-logos-and-action-links): With Logos and Action Links — Data Tables email component.
        - [With Pills](/docs/components/react-email/ui-elements/data-tables/with-pills): With Pills — Data Tables email component.
        - [With Progress Bar](/docs/components/react-email/ui-elements/data-tables/with-progress-bar): With Progress Bar — Data Tables email component.
      - [Grid](/docs/components/react-email/ui-elements/grids): Responsive grid layouts for multi-column email content.
      - [Pills](/docs/components/react-email/ui-elements/pills): Status pill and badge components for labels and indicators.
      - Progress Bars
        - [Progress Bars](/docs/components/react-email/ui-elements/progress-bars): Progress bar components for displaying completion status and metrics.
        - [Full Width Progress Bar](/docs/components/react-email/ui-elements/progress-bars/full-width-progress-bar): UI Elements progress-bars variant for email templates
        - [Progress Bar Columns](/docs/components/react-email/ui-elements/progress-bars/progress-bar-columns): UI Elements progress-bars variant for email templates
        - [Progress Bar Group](/docs/components/react-email/ui-elements/progress-bars/progress-bar-group): UI Elements progress-bars variant for email templates
      - Divider & Spacing
        - [Divider & Spacing](/docs/components/react-email/ui-elements/spacing): Horizontal dividers, spacers, and visual separators for email layouts.
        - [Line Divider](/docs/components/react-email/ui-elements/spacing/line-divider): UI Elements spacing variant for email templates
        - [Divider with Title](/docs/components/react-email/ui-elements/spacing/divider-with-title): UI Elements spacing variant for email templates
        - [Divider with Icon](/docs/components/react-email/ui-elements/spacing/divider-with-icon): UI Elements spacing variant for email templates
        - [Divider with Icon and Button](/docs/components/react-email/ui-elements/spacing/divider-with-icon-and-button): UI Elements spacing variant for email templates
        - [Divider with Button](/docs/components/react-email/ui-elements/spacing/divider-with-button): UI Elements spacing variant for email templates
        - [Divider with Logo](/docs/components/react-email/ui-elements/spacing/divider-with-logo): UI Elements spacing variant for email templates
        - [Divider with Social Icons](/docs/components/react-email/ui-elements/spacing/divider-with-social-icons): UI Elements spacing variant for email templates
        - [Divider with File Type](/docs/components/react-email/ui-elements/spacing/divider-with-file-type): UI Elements spacing variant for email templates
        - [Vertical Spacer](/docs/components/react-email/ui-elements/spacing/vertical-spacer): UI Elements spacing variant for email templates
  - 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.
      - Bento Grids
        - [Bento Grids](/docs/components/mjml-react/marketing/bento-grids): Bento grid layouts for showcasing content in organized, multi-column arrangements.
        - [Bento Grid with 3 Columns and Flush Images](/docs/components/mjml-react/marketing/bento-grids/bento-grid-with-3-columns-and-flush-images): Marketing bento-grids variant for email templates
        - [Bento Grid with 3 Columns and Even Split Image Stats](/docs/components/mjml-react/marketing/bento-grids/bento-grid-with-3-columns-and-even-split-image-stats): Marketing bento-grids variant for email templates
        - [Bento Grid with Images and Captions](/docs/components/mjml-react/marketing/bento-grids/bento-grid-with-images-and-captions): Marketing bento-grids variant for email templates
        - [Bento Grid with Images and Details](/docs/components/mjml-react/marketing/bento-grids/bento-grid-with-images-and-details): Marketing bento-grids variant for email templates
        - [Bento Grid with Two Rows and 3 Column Second Row](/docs/components/mjml-react/marketing/bento-grids/bento-grid-with-two-rows-and-3-column-second-row): Marketing bento-grids variant for email templates
      - Blog
        - [Blog](/docs/components/mjml-react/marketing/blog): Blog post layouts for email newsletters and content digests.
        - [Featured Blog Post](/docs/components/mjml-react/marketing/blog/featured-blog-post): Marketing blog variant for email templates
        - [Two Columns Blog with Images and Boxed Content](/docs/components/mjml-react/marketing/blog/two-columns-blog-with-images-and-boxed-content): Two Columns Blog with Images and Boxed Content — Blog email component.
        - [Two Columns Blog with Images and Text](/docs/components/mjml-react/marketing/blog/two-columns-blog-with-images-and-text): Two Columns Blog with Images and Text — Blog email component.
        - [Two Columns Blog with Images](/docs/components/mjml-react/marketing/blog/two-columns-blog-with-images): Two Columns Blog with Images — Blog email component.
        - [Two Columns Masonry Blog with Boxed Content](/docs/components/mjml-react/marketing/blog/two-columns-masonry-blog-with-boxed-content): Two Columns Masonry Blog with Boxed Content — Blog email component.
        - [Blog Post Horizontal Boxed](/docs/components/mjml-react/marketing/blog/blog-post-horizontal-boxed): Marketing blog variant for email templates
        - [Blog Post Horizontal Boxed with Split Images](/docs/components/mjml-react/marketing/blog/blog-post-horizontal-boxed-with-split-images): Marketing blog variant for email templates
        - [Blog with Images and 2 Columns Masonry](/docs/components/mjml-react/marketing/blog/blog-with-images-and-2-columns-masonry): Marketing blog variant for email templates
        - [Featured Post with Large Date](/docs/components/mjml-react/marketing/blog/featured-post-with-large-date): Marketing blog variant for email templates
        - [Full Width Featured Post with Large Date](/docs/components/mjml-react/marketing/blog/full-width-featured-post-with-large-date): Marketing blog variant for email templates
      - [Content](/docs/components/mjml-react/marketing/content): Title and paragraph content blocks with one or two columns, optional icons, and padding control.
      - Coupons
        - [Coupons](/docs/components/mjml-react/marketing/coupons): Coupon and discount code displays for promotional emails.
        - [Card Coupons](/docs/components/mjml-react/marketing/coupons/card-coupons): Marketing coupons variant for email templates
        - [Coupons with Centered Text](/docs/components/mjml-react/marketing/coupons/coupons-with-centered-text): Marketing coupons variant for email templates
        - [Coupons with Content Overlayed](/docs/components/mjml-react/marketing/coupons/coupons-with-content-overlayed): Marketing coupons variant for email templates
      - CTA Banner
        - [CTA Banner](/docs/components/mjml-react/marketing/cta): Call-to-action banners for promotions and announcements.
        - [Boxed CTA with Background Image](/docs/components/mjml-react/marketing/cta/boxed-cta-with-background-image): Marketing cta variant for email templates
        - [CTA with Background Image](/docs/components/mjml-react/marketing/cta/cta-with-background-image): Marketing cta variant for email templates
        - [CTA with Image Strip](/docs/components/mjml-react/marketing/cta/cta-with-image-strip): Marketing cta variant for email templates
        - [CTA with Shifted Images](/docs/components/mjml-react/marketing/cta/cta-with-shifted-images): Marketing cta variant for email templates
        - [CTA with Team Avatars](/docs/components/mjml-react/marketing/cta/cta-with-team-avatars): Marketing cta variant for email templates
        - [CTA with Title and Action Lead](/docs/components/mjml-react/marketing/cta/cta-with-title-and-action-lead): Marketing cta variant for email templates
        - [CTA with Top Large Image](/docs/components/mjml-react/marketing/cta/cta-with-top-large-image): Marketing cta variant for email templates
      - FAQ
        - [FAQ](/docs/components/mjml-react/marketing/faq): Frequently asked questions sections for email content.
        - [Boxed FAQ with Numbered Questions](/docs/components/mjml-react/marketing/faq/boxed-faq-with-numbered-questions): Marketing faq variant for email templates
        - [Boxed FAQ with Numbers and Alternating Background Colors](/docs/components/mjml-react/marketing/faq/boxed-faq-with-numbers-and-alternating-background-colors): Marketing faq variant for email templates
        - [Collapsed FAQ with Expanded Section and Icons](/docs/components/mjml-react/marketing/faq/collapsed-faq-with-expanded-section-and-icons): Marketing faq variant for email templates
        - [Collapsed FAQ with Inline CTA](/docs/components/mjml-react/marketing/faq/collapsed-faq-with-inline-cta): Marketing faq variant for email templates
      - Feature Row
        - [Feature Row](/docs/components/mjml-react/marketing/feature): Feature display components with icons, images, titles, and descriptions.
        - [Feature with Product Image](/docs/components/mjml-react/marketing/feature/feature-with-product-image): Marketing feature variant for email templates
        - [Feature with Double Tall Background Images](/docs/components/mjml-react/marketing/feature/feature-with-double-tall-background-images): Marketing feature variant for email templates
        - [Feature with Large Portrait Image](/docs/components/mjml-react/marketing/feature/feature-with-large-portrait-image): Marketing feature variant for email templates
        - [Feature with Full Title and Tall Background Images](/docs/components/mjml-react/marketing/feature/feature-with-full-title-and-tall-background-images): Marketing feature variant for email templates
      - Footers
        - [Footers](/docs/components/mjml-react/marketing/footers): Email footer components with navigation, social links, and legal text.
        - [Footer with Legal Text](/docs/components/mjml-react/marketing/footers/footer-with-legal-text): Marketing footers variant for email templates
        - [Footer Centered with Bordered Full Menu](/docs/components/mjml-react/marketing/footers/footer-centered-with-bordered-full-menu): Marketing footers variant for email templates
        - [Footer with 2 Column Menu](/docs/components/mjml-react/marketing/footers/footer-with-2-column-menu): Marketing footers variant for email templates
        - [Footer Centered with Menu and Socials](/docs/components/mjml-react/marketing/footers/footer-centered-with-menu-and-socials): Marketing footers variant for email templates
        - [Footer with Oversized Logo and Full Menu](/docs/components/mjml-react/marketing/footers/footer-with-oversized-logo-and-full-menu): Marketing footers variant for email templates
        - [Footer with 3 Col Menu](/docs/components/mjml-react/marketing/footers/footer-with-3-col-menu): Marketing footers variant for email templates
        - [Footer with Content and CTA](/docs/components/mjml-react/marketing/footers/footer-with-content-and-cta): Marketing footers variant for email templates
        - [Simple Footer with Social Icons](/docs/components/mjml-react/marketing/footers/simple-footer-with-social-icons): Marketing footers variant for email templates
      - Logo Header
        - [Logo Header](/docs/components/mjml-react/marketing/headers): Email header components with logo, navigation, and user details.
        - [Header Logo with Links](/docs/components/mjml-react/marketing/headers/header-logo-with-links): Header Logo with Links — Logo Header email component.
        - [Header with Logo and Menu](/docs/components/mjml-react/marketing/headers/header-with-logo-and-menu): Marketing headers variant for email templates
        - [Header with Logo and Badge](/docs/components/mjml-react/marketing/headers/header-with-logo-and-badge): Marketing headers variant for email templates
        - [Header with Logo and Text](/docs/components/mjml-react/marketing/headers/header-with-logo-and-text): Marketing headers variant for email templates
        - [Header with Logo and Finance Stats](/docs/components/mjml-react/marketing/headers/header-with-logo-and-finance-stats): Marketing headers variant for email templates
      - Hero
        - [Hero](/docs/components/mjml-react/marketing/heroes): Hero sections with heading, subheading, and CTA button for email headers.
        - [Hero Aligned Overlay](/docs/components/mjml-react/marketing/heroes/hero-aligned-overlay): Marketing hero variant for email templates
        - [Hero Block Overlay](/docs/components/mjml-react/marketing/heroes/hero-block-overlay): Marketing hero variant for email templates
        - [Hero Block with Bleed](/docs/components/mjml-react/marketing/heroes/hero-block-with-bleed): Marketing hero variant for email templates
        - [Hero Overlayed Split](/docs/components/mjml-react/marketing/heroes/hero-overlayed-split): Marketing hero variant for email templates
        - [Hero Split Contained](/docs/components/mjml-react/marketing/heroes/hero-split-contained): Marketing hero variant for email templates
        - [Hero Split Full Bleed](/docs/components/mjml-react/marketing/heroes/hero-split-full-bleed): Marketing hero variant for email templates
        - [Hero with Image Grid](/docs/components/mjml-react/marketing/heroes/hero-with-image-grid): Marketing hero variant for email templates
        - [Hero with Overlapped Content](/docs/components/mjml-react/marketing/heroes/hero-with-overlapped-content): Marketing hero variant for email templates
        - [Hero with Overlapped Image](/docs/components/mjml-react/marketing/heroes/hero-with-overlapped-image): Marketing hero variant for email templates
        - [Hero with Overlay Gradient](/docs/components/mjml-react/marketing/heroes/hero-with-overlay-gradient): Marketing hero variant for email templates
        - [Hero with Overlayed Content](/docs/components/mjml-react/marketing/heroes/hero-with-overlayed-content): Marketing hero variant for email templates
        - [Hero with Slanted Split](/docs/components/mjml-react/marketing/heroes/hero-with-slanted-split): Marketing hero variant for email templates
      - Images
        - [Images](/docs/components/mjml-react/marketing/images): Image display components for showcasing photos and visual content.
        - [Two Columns Image Grid with Full Width Feature](/docs/components/mjml-react/marketing/images/two-columns-image-grid-with-full-width-feature): Two Columns Image Grid with Full Width Feature — Images email component.
        - [Full Width Image](/docs/components/mjml-react/marketing/images/full-width-image): Marketing images variant for email templates
        - [Full Width Image with Overlay](/docs/components/mjml-react/marketing/images/full-width-image-with-overlay): Marketing images variant for email templates
        - [Two Columns Image Grid](/docs/components/mjml-react/marketing/images/two-columns-image-grid): Two Columns Image Grid — Images email component.
        - [Two Columns Masonry Image Grid with 3 Images](/docs/components/mjml-react/marketing/images/two-columns-masonry-image-grid-with-3-images): Two Columns Masonry Image Grid with 3 Images — Images email component.
        - [Two Columns Masonry Image Grid with 4 Images](/docs/components/mjml-react/marketing/images/two-columns-masonry-image-grid-with-4-images): Two Columns Masonry Image Grid with 4 Images — Images email component.
        - [Three Columns Image Grid](/docs/components/mjml-react/marketing/images/three-columns-image-grid): Three Columns Image Grid — Images email component.
      - Logos
        - [Logos](/docs/components/mjml-react/marketing/logos): Logo cloud and brand showcase layouts for email headers and trust signals.
        - [Basic Logo Cloud](/docs/components/mjml-react/marketing/logos/basic-logo-cloud): Marketing logos variant for email templates
        - [Boxed Logo Cloud](/docs/components/mjml-react/marketing/logos/boxed-logo-cloud): Marketing logos variant for email templates
        - [Featured Brands Logo Grid](/docs/components/mjml-react/marketing/logos/featured-brands-logo-grid): Marketing logos variant for email templates
        - [Logo Cloud with Borders](/docs/components/mjml-react/marketing/logos/logo-cloud-with-borders): Marketing logos variant for email templates
        - [Logos Grid](/docs/components/mjml-react/marketing/logos/logos-grid): Marketing logos variant for email templates
      - Pricing Table
        - [Pricing Table](/docs/components/mjml-react/marketing/pricing): Pricing comparison tables for subscription plans.
        - [Full Width Single Pricing](/docs/components/mjml-react/marketing/pricing/full-width-single-pricing): Marketing pricing variant for email templates
        - [Two Columns Pricing Table](/docs/components/mjml-react/marketing/pricing/two-columns-pricing-table): Two Columns Pricing Table — Pricing Table email component.
        - [Two Columns Pricing Table with Gaps](/docs/components/mjml-react/marketing/pricing/two-columns-pricing-table-with-gaps): Two Columns Pricing Table with Gaps — Pricing Table email component.
      - Social Links
        - [Social Links](/docs/components/mjml-react/marketing/social): Social media link components with icons for email footers and headers.
        - [Simple Social Logos Row](/docs/components/mjml-react/marketing/social/simple-social-logos-row): Marketing social variant for email templates
        - [Circle Tiles Social Logos](/docs/components/mjml-react/marketing/social/circle-tiles-social-logos): Marketing social variant for email templates
        - [Outlined Box Social Logos](/docs/components/mjml-react/marketing/social/outlined-box-social-logos): Marketing social variant for email templates
        - [Outlined Pill Box Social Logos](/docs/components/mjml-react/marketing/social/outlined-pill-box-social-logos): Marketing social variant for email templates
        - [Outlined Square Tiles Social Logos](/docs/components/mjml-react/marketing/social/outlined-square-tiles-social-logos): Marketing social variant for email templates
        - [Pill Box Social Logos](/docs/components/mjml-react/marketing/social/pill-box-social-logos): Marketing social variant for email templates
        - [Socials with Inline Labels](/docs/components/mjml-react/marketing/social/socials-with-inline-labels): Marketing social variant for email templates
        - [Socials with Inline Tile Labels](/docs/components/mjml-react/marketing/social/socials-with-inline-tile-labels): Marketing social variant for email templates
        - [Socials with Labels Stacked](/docs/components/mjml-react/marketing/social/socials-with-labels-stacked): Marketing social variant for email templates
        - [Socials with Stacked Tile Labels](/docs/components/mjml-react/marketing/social/socials-with-stacked-tile-labels): Marketing social variant for email templates
        - [Square Tiles Social Logos](/docs/components/mjml-react/marketing/social/square-tiles-social-logos): Marketing social variant for email templates
        - [Simple Footer with Social Icons](/docs/components/mjml-react/marketing/social/simple-footer-with-social-icons): Marketing footers variant for email templates
      - Stats
        - [Stats](/docs/components/mjml-react/marketing/stats): Statistics and metrics display components for showcasing data.
        - [Simple Stats](/docs/components/mjml-react/marketing/stats/simple-stats): Marketing stats variant for email templates
        - [Grid Stats with Accent Column](/docs/components/mjml-react/marketing/stats/grid-stats-with-accent-column): Marketing stats variant for email templates
        - [Boxed Grid Stats](/docs/components/mjml-react/marketing/stats/boxed-grid-stats): Marketing stats variant for email templates
        - [Simple Grid Stats](/docs/components/mjml-react/marketing/stats/simple-grid-stats): Marketing stats variant for email templates
        - [Grid Stats with Border](/docs/components/mjml-react/marketing/stats/grid-stats-with-border): Marketing stats variant for email templates
        - [Milestone Stats](/docs/components/mjml-react/marketing/stats/milestone-stats): Marketing stats variant for email templates
      - Team
        - [Team](/docs/components/mjml-react/marketing/team): Team member display components for showcasing people in emails.
        - [Two Column Team Cards with Details](/docs/components/mjml-react/marketing/team/two-column-team-cards-with-details): Two Column Team Cards with Details — Team email component.
        - [Horizontal Team Member Bios](/docs/components/mjml-react/marketing/team/horizontal-team-member-bios): Marketing team variant for email templates
        - [Three Columns Team Grid](/docs/components/mjml-react/marketing/team/three-columns-team-grid): Three Columns Team Grid — Team email component.
      - Testimonial
        - [Testimonial](/docs/components/mjml-react/marketing/testimonials): Customer testimonial sections with quotes, avatars, and author details.
        - [Centered Testimonial with CTA](/docs/components/mjml-react/marketing/testimonials/centered-testimonial-with-cta): Marketing testimonials variant for email templates
        - [Full Width Testimonial with Overlapping Avatar](/docs/components/mjml-react/marketing/testimonials/full-width-testimonial-with-overlapping-avatar): Marketing testimonials variant for email templates
        - [Full Width Testimonial](/docs/components/mjml-react/marketing/testimonials/full-width-testimonial): Marketing testimonials variant for email templates
      - Timelines
        - [Timelines](/docs/components/mjml-react/marketing/timelines): Timeline components for changelogs, payment history, and event sequences.
        - [Cards Timeline](/docs/components/mjml-react/marketing/timelines/cards-timeline): Marketing timelines variant for email templates
        - [Changelog Boxed](/docs/components/mjml-react/marketing/timelines/changelog-boxed): Marketing timelines variant for email templates
        - [Stacked Boxed Timeline](/docs/components/mjml-react/marketing/timelines/stacked-boxed-timeline): Marketing timelines variant for email templates
        - [Changelog](/docs/components/mjml-react/marketing/timelines/changelog): Marketing timelines variant for email templates
        - [Payment Timeline](/docs/components/mjml-react/marketing/timelines/payment-timeline): Marketing timelines variant for email templates
        - [Split Cards](/docs/components/mjml-react/marketing/timelines/split-cards): Marketing timelines variant for email templates
        - [Stacked Timeline](/docs/components/mjml-react/marketing/timelines/stacked-timeline): Marketing timelines variant for email templates
    - Ecommerce
      - [Ecommerce](/docs/components/mjml-react/ecommerce): Ecommerce components for email templates - product cards, orders, and more.
      - Category Previews
        - [Category Previews](/docs/components/mjml-react/ecommerce/category-previews): Category preview layouts for browsing product categories.
        - [Category Preview Cards](/docs/components/mjml-react/ecommerce/category-previews/category-preview-cards): Category Preview Cards — Category Previews email component.
        - [Category Preview Rows](/docs/components/mjml-react/ecommerce/category-previews/category-preview-rows): Category Preview Rows — Category Previews email component.
      - Order Summary
        - [Order Summary](/docs/components/mjml-react/ecommerce/order-summary): Order summary layouts for purchase confirmation and receipt emails.
        - [Bordered Order Summary with Total Bottom](/docs/components/mjml-react/ecommerce/order-summary/bordered-order-summary-with-total-bottom): Bordered Order Summary with Total Bottom — Order Summary email component.
        - [Bordered Order Summary with Total Top](/docs/components/mjml-react/ecommerce/order-summary/bordered-order-summary-with-total-top): Bordered Order Summary with Total Top — Order Summary email component.
        - [Boxed Order Summary Card Details Total Top](/docs/components/mjml-react/ecommerce/order-summary/boxed-order-summary-card-details-total-top): Boxed Order Summary Card Details Total Top — Order Summary email component.
      - Product Detail
        - [Product Detail](/docs/components/mjml-react/ecommerce/product-detail): Product detail displays with images, descriptions, and purchase options.
        - [Feature with Product Image](/docs/components/mjml-react/ecommerce/product-detail/feature-with-product-image): Marketing feature variant for email templates
        - [Two Columns Image Grid with Full Width Feature](/docs/components/mjml-react/ecommerce/product-detail/two-columns-image-grid-with-full-width-feature): Two Columns Image Grid with Full Width Feature — Product Detail email component.
        - [Bento Grid with Images and Details](/docs/components/mjml-react/ecommerce/product-detail/bento-grid-with-images-and-details): Marketing bento-grids variant for email templates
        - [Two Column Team Cards with Details](/docs/components/mjml-react/ecommerce/product-detail/two-column-team-cards-with-details): Two Column Team Cards with Details — Product Detail email component.
        - [Split Product Detail](/docs/components/mjml-react/ecommerce/product-detail/split-product-detail): Ecommerce product-detail variant for email templates
      - [Product Lists](/docs/components/mjml-react/ecommerce/product-lists): Product list layouts for showcasing multiple products in a single email section.
      - Reviews
        - [Reviews](/docs/components/mjml-react/ecommerce/reviews): Customer review and rating display components for ecommerce emails.
        - [Full Width Reviews](/docs/components/mjml-react/ecommerce/reviews/full-width-reviews): Ecommerce reviews variant for email templates
        - [Masonry Grid Reviews](/docs/components/mjml-react/ecommerce/reviews/masonry-grid-reviews): Ecommerce reviews variant for email templates
        - [Two Columns Reviews](/docs/components/mjml-react/ecommerce/reviews/two-columns-reviews): Ecommerce reviews variant for email templates
      - [Shopping Cart](/docs/components/mjml-react/ecommerce/shopping-cart): Shopping cart layouts for order review emails.
    - 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): User avatar components for displaying people in emails.
      - [Buttons](/docs/components/mjml-react/ui-elements/buttons): A single email button component with primary, secondary, and text link styles, optional icons, and alignment.
      - [Container](/docs/components/mjml-react/ui-elements/containers): Layout container for wrapping email content with responsive padding.
      - Data Tables
        - [Data Tables](/docs/components/mjml-react/ui-elements/data-tables): Table components for displaying structured data and metrics in emails.
        - [Data Table Basic](/docs/components/mjml-react/ui-elements/data-tables/data-table-basic): Data Table Basic — Data Tables email component.
        - [Data Table 4 Columns](/docs/components/mjml-react/ui-elements/data-tables/data-table-4-columns): Data Table 4 Columns — Data Tables email component.
        - [Data Table Change Indicator](/docs/components/mjml-react/ui-elements/data-tables/data-table-change-indicator): Data Table Change Indicator — Data Tables email component.
        - [Data Table Edit Button](/docs/components/mjml-react/ui-elements/data-tables/data-table-edit-button): Data Table Edit Button — Data Tables email component.
        - [Data Table with Pills](/docs/components/mjml-react/ui-elements/data-tables/data-table-with-pills): Data Table with Pills — Data Tables email component.
        - [Data Table with Progress](/docs/components/mjml-react/ui-elements/data-tables/data-table-with-progress): Data Table with Progress — Data Tables email component.
        - [With Logos and Action Links](/docs/components/mjml-react/ui-elements/data-tables/data-table-with-logos-and-action-links): With Logos and Action Links — Data Tables email component.
      - [Grid](/docs/components/mjml-react/ui-elements/grids): Responsive grid layouts for multi-column email content.
      - [Pills](/docs/components/mjml-react/ui-elements/pills): Status pill and badge components for labels and indicators.
      - [Progress Bars](/docs/components/mjml-react/ui-elements/progress-bars): Progress bar components for displaying completion status and metrics.
      - [Divider & Spacing](/docs/components/mjml-react/ui-elements/spacing): Horizontal dividers, spacers, and visual separators for email layouts.
  - JSX Email
    - [JSX Email](/docs/components/jsx-email): Email components built with jsx-email
    - Marketing
      - [Marketing](/docs/components/jsx-email/marketing): Marketing components for email templates - heroes, CTAs, footers, and more.
      - Bento Grids
        - [Bento Grids](/docs/components/jsx-email/marketing/bento-grids): Bento grid layouts for showcasing content in organized, multi-column arrangements.
        - [Bento Grid with 3 Columns and Flush Images](/docs/components/jsx-email/marketing/bento-grids/bento-grid-with-3-columns-and-flush-images): Marketing bento-grids variant for email templates
        - [Bento Grid with 3 Columns and Even Split Image Stats](/docs/components/jsx-email/marketing/bento-grids/bento-grid-with-3-columns-and-even-split-image-stats): Marketing bento-grids variant for email templates
        - [Bento Grid with Images and Captions](/docs/components/jsx-email/marketing/bento-grids/bento-grid-with-images-and-captions): Marketing bento-grids variant for email templates
        - [Bento Grid with Images and Details](/docs/components/jsx-email/marketing/bento-grids/bento-grid-with-images-and-details): Marketing bento-grids variant for email templates
        - [Bento Grid with Two Rows and 3 Column Second Row](/docs/components/jsx-email/marketing/bento-grids/bento-grid-with-two-rows-and-3-column-second-row): Marketing bento-grids variant for email templates
      - Blog
        - [Blog](/docs/components/jsx-email/marketing/blog): Blog post layouts for email newsletters and content digests.
        - [Featured Blog Post](/docs/components/jsx-email/marketing/blog/featured-blog-post): Marketing blog variant for email templates
        - [Two Columns Blog with Images and Boxed Content](/docs/components/jsx-email/marketing/blog/two-columns-blog-with-images-and-boxed-content): Two Columns Blog with Images and Boxed Content — Blog email component.
        - [Two Columns Blog with Images and Text](/docs/components/jsx-email/marketing/blog/two-columns-blog-with-images-and-text): Two Columns Blog with Images and Text — Blog email component.
        - [Two Columns Blog with Images](/docs/components/jsx-email/marketing/blog/two-columns-blog-with-images): Two Columns Blog with Images — Blog email component.
        - [Two Columns Masonry Blog with Boxed Content](/docs/components/jsx-email/marketing/blog/two-columns-masonry-blog-with-boxed-content): Two Columns Masonry Blog with Boxed Content — Blog email component.
        - [Blog Post Horizontal Boxed](/docs/components/jsx-email/marketing/blog/blog-post-horizontal-boxed): Marketing blog variant for email templates
        - [Blog Post Horizontal Boxed with Split Images](/docs/components/jsx-email/marketing/blog/blog-post-horizontal-boxed-with-split-images): Marketing blog variant for email templates
        - [Blog with Images and 2 Columns Masonry](/docs/components/jsx-email/marketing/blog/blog-with-images-and-2-columns-masonry): Marketing blog variant for email templates
        - [Featured Post with Large Date](/docs/components/jsx-email/marketing/blog/featured-post-with-large-date): Marketing blog variant for email templates
        - [Full Width Featured Post with Large Date](/docs/components/jsx-email/marketing/blog/full-width-featured-post-with-large-date): Marketing blog variant for email templates
      - [Content](/docs/components/jsx-email/marketing/content): Title and paragraph content blocks with one or two columns, optional icons, and padding control.
      - Coupons
        - [Coupons](/docs/components/jsx-email/marketing/coupons): Coupon and discount code displays for promotional emails.
        - [Card Coupons](/docs/components/jsx-email/marketing/coupons/card-coupons): Marketing coupons variant for email templates
        - [Coupons with Centered Text](/docs/components/jsx-email/marketing/coupons/coupons-with-centered-text): Marketing coupons variant for email templates
        - [Coupons with Content Overlayed](/docs/components/jsx-email/marketing/coupons/coupons-with-content-overlayed): Marketing coupons variant for email templates
      - CTA Banner
        - [CTA Banner](/docs/components/jsx-email/marketing/cta): Call-to-action banners for promotions and announcements.
        - [Boxed CTA with Background Image](/docs/components/jsx-email/marketing/cta/boxed-cta-with-background-image): Marketing cta variant for email templates
        - [CTA with Background Image](/docs/components/jsx-email/marketing/cta/cta-with-background-image): Marketing cta variant for email templates
        - [CTA with Image Strip](/docs/components/jsx-email/marketing/cta/cta-with-image-strip): Marketing cta variant for email templates
        - [CTA with Shifted Images](/docs/components/jsx-email/marketing/cta/cta-with-shifted-images): Marketing cta variant for email templates
        - [CTA with Team Avatars](/docs/components/jsx-email/marketing/cta/cta-with-team-avatars): Marketing cta variant for email templates
        - [CTA with Title and Action Lead](/docs/components/jsx-email/marketing/cta/cta-with-title-and-action-lead): Marketing cta variant for email templates
        - [CTA with Top Large Image](/docs/components/jsx-email/marketing/cta/cta-with-top-large-image): Marketing cta variant for email templates
      - FAQ
        - [FAQ](/docs/components/jsx-email/marketing/faq): Frequently asked questions sections for email content.
        - [Boxed FAQ with Numbered Questions](/docs/components/jsx-email/marketing/faq/boxed-faq-with-numbered-questions): Marketing faq variant for email templates
        - [Boxed FAQ with Numbers and Alternating Background Colors](/docs/components/jsx-email/marketing/faq/boxed-faq-with-numbers-and-alternating-background-colors): Marketing faq variant for email templates
        - [Collapsed FAQ with Expanded Section and Icons](/docs/components/jsx-email/marketing/faq/collapsed-faq-with-expanded-section-and-icons): Marketing faq variant for email templates
        - [Collapsed FAQ with Inline CTA](/docs/components/jsx-email/marketing/faq/collapsed-faq-with-inline-cta): Marketing faq variant for email templates
      - Feature Row
        - [Feature Row](/docs/components/jsx-email/marketing/feature): Feature display components with icons, images, titles, and descriptions.
        - [Feature with Product Image](/docs/components/jsx-email/marketing/feature/feature-with-product-image): Marketing feature variant for email templates
        - [Feature with Double Tall Background Images](/docs/components/jsx-email/marketing/feature/feature-with-double-tall-background-images): Marketing feature variant for email templates
        - [Feature with Large Portrait Image](/docs/components/jsx-email/marketing/feature/feature-with-large-portrait-image): Marketing feature variant for email templates
        - [Feature with Full Title and Tall Background Images](/docs/components/jsx-email/marketing/feature/feature-with-full-title-and-tall-background-images): Marketing feature variant for email templates
      - Footers
        - [Footers](/docs/components/jsx-email/marketing/footers): Email footer components with navigation, social links, and legal text.
        - [Footer with Legal Text](/docs/components/jsx-email/marketing/footers/footer-with-legal-text): Marketing footers variant for email templates
        - [Footer Centered with Bordered Full Menu](/docs/components/jsx-email/marketing/footers/footer-centered-with-bordered-full-menu): Marketing footers variant for email templates
        - [Footer with 2 Column Menu](/docs/components/jsx-email/marketing/footers/footer-with-2-column-menu): Marketing footers variant for email templates
        - [Footer Centered with Menu and Socials](/docs/components/jsx-email/marketing/footers/footer-centered-with-menu-and-socials): Marketing footers variant for email templates
        - [Footer with Oversized Logo and Full Menu](/docs/components/jsx-email/marketing/footers/footer-with-oversized-logo-and-full-menu): Marketing footers variant for email templates
        - [Footer with 3 Col Menu](/docs/components/jsx-email/marketing/footers/footer-with-3-col-menu): Marketing footers variant for email templates
        - [Footer with Content and CTA](/docs/components/jsx-email/marketing/footers/footer-with-content-and-cta): Marketing footers variant for email templates
        - [Simple Footer with Social Icons](/docs/components/jsx-email/marketing/footers/simple-footer-with-social-icons): Marketing footers variant for email templates
      - Logo Header
        - [Logo Header](/docs/components/jsx-email/marketing/headers): Email header components with logo, navigation, and user details.
        - [Header Logo with Links](/docs/components/jsx-email/marketing/headers/header-logo-with-links): Header Logo with Links — Logo Header email component.
        - [Header with Logo and Menu](/docs/components/jsx-email/marketing/headers/header-with-logo-and-menu): Marketing headers variant for email templates
        - [Header with Logo and Badge](/docs/components/jsx-email/marketing/headers/header-with-logo-and-badge): Marketing headers variant for email templates
        - [Header with Logo and Text](/docs/components/jsx-email/marketing/headers/header-with-logo-and-text): Marketing headers variant for email templates
        - [Header with Logo and Finance Stats](/docs/components/jsx-email/marketing/headers/header-with-logo-and-finance-stats): Marketing headers variant for email templates
      - Hero
        - [Hero](/docs/components/jsx-email/marketing/heroes): Hero sections with heading, subheading, and CTA button for email headers.
        - [Hero Aligned Overlay](/docs/components/jsx-email/marketing/heroes/hero-aligned-overlay): Marketing hero variant for email templates
        - [Hero Block Overlay](/docs/components/jsx-email/marketing/heroes/hero-block-overlay): Marketing hero variant for email templates
        - [Hero Block with Bleed](/docs/components/jsx-email/marketing/heroes/hero-block-with-bleed): Marketing hero variant for email templates
        - [Hero Overlayed Split](/docs/components/jsx-email/marketing/heroes/hero-overlayed-split): Marketing hero variant for email templates
        - [Hero Split Contained](/docs/components/jsx-email/marketing/heroes/hero-split-contained): Marketing hero variant for email templates
        - [Hero Split Full Bleed](/docs/components/jsx-email/marketing/heroes/hero-split-full-bleed): Marketing hero variant for email templates
        - [Hero with Image Grid](/docs/components/jsx-email/marketing/heroes/hero-with-image-grid): Marketing hero variant for email templates
        - [Hero with Overlapped Content](/docs/components/jsx-email/marketing/heroes/hero-with-overlapped-content): Marketing hero variant for email templates
        - [Hero with Overlapped Image](/docs/components/jsx-email/marketing/heroes/hero-with-overlapped-image): Marketing hero variant for email templates
        - [Hero with Overlay Gradient](/docs/components/jsx-email/marketing/heroes/hero-with-overlay-gradient): Marketing hero variant for email templates
        - [Hero with Overlayed Content](/docs/components/jsx-email/marketing/heroes/hero-with-overlayed-content): Marketing hero variant for email templates
        - [Hero with Slanted Split](/docs/components/jsx-email/marketing/heroes/hero-with-slanted-split): Marketing hero variant for email templates
      - Images
        - [Images](/docs/components/jsx-email/marketing/images): Image display components for showcasing photos and visual content.
        - [Two Columns Image Grid with Full Width Feature](/docs/components/jsx-email/marketing/images/two-columns-image-grid-with-full-width-feature): Two Columns Image Grid with Full Width Feature — Images email component.
        - [Full Width Image](/docs/components/jsx-email/marketing/images/full-width-image): Marketing images variant for email templates
        - [Full Width Image with Overlay](/docs/components/jsx-email/marketing/images/full-width-image-with-overlay): Marketing images variant for email templates
        - [Two Columns Image Grid](/docs/components/jsx-email/marketing/images/two-columns-image-grid): Two Columns Image Grid — Images email component.
        - [Two Columns Masonry Image Grid with 3 Images](/docs/components/jsx-email/marketing/images/two-columns-masonry-image-grid-with-3-images): Two Columns Masonry Image Grid with 3 Images — Images email component.
        - [Two Columns Masonry Image Grid with 4 Images](/docs/components/jsx-email/marketing/images/two-columns-masonry-image-grid-with-4-images): Two Columns Masonry Image Grid with 4 Images — Images email component.
        - [Three Columns Image Grid](/docs/components/jsx-email/marketing/images/three-columns-image-grid): Three Columns Image Grid — Images email component.
      - Logos
        - [Logos](/docs/components/jsx-email/marketing/logos): Logo cloud and brand showcase layouts for email headers and trust signals.
        - [Basic Logo Cloud](/docs/components/jsx-email/marketing/logos/basic-logo-cloud): Marketing logos variant for email templates
        - [Boxed Logo Cloud](/docs/components/jsx-email/marketing/logos/boxed-logo-cloud): Marketing logos variant for email templates
        - [Featured Brands Logo Grid](/docs/components/jsx-email/marketing/logos/featured-brands-logo-grid): Marketing logos variant for email templates
        - [Logo Cloud with Borders](/docs/components/jsx-email/marketing/logos/logo-cloud-with-borders): Marketing logos variant for email templates
        - [Logos Grid](/docs/components/jsx-email/marketing/logos/logos-grid): Marketing logos variant for email templates
      - Pricing Table
        - [Pricing Table](/docs/components/jsx-email/marketing/pricing): Pricing comparison tables for subscription plans.
        - [Full Width Single Pricing](/docs/components/jsx-email/marketing/pricing/full-width-single-pricing): Marketing pricing variant for email templates
        - [Two Columns Pricing Table](/docs/components/jsx-email/marketing/pricing/two-columns-pricing-table): Two Columns Pricing Table — Pricing Table email component.
        - [Two Columns Pricing Table with Gaps](/docs/components/jsx-email/marketing/pricing/two-columns-pricing-table-with-gaps): Two Columns Pricing Table with Gaps — Pricing Table email component.
      - Social Links
        - [Social Links](/docs/components/jsx-email/marketing/social): Social media link components with icons for email footers and headers.
        - [Simple Social Logos Row](/docs/components/jsx-email/marketing/social/simple-social-logos-row): Marketing social variant for email templates
        - [Circle Tiles Social Logos](/docs/components/jsx-email/marketing/social/circle-tiles-social-logos): Marketing social variant for email templates
        - [Outlined Box Social Logos](/docs/components/jsx-email/marketing/social/outlined-box-social-logos): Marketing social variant for email templates
        - [Outlined Pill Box Social Logos](/docs/components/jsx-email/marketing/social/outlined-pill-box-social-logos): Marketing social variant for email templates
        - [Outlined Square Tiles Social Logos](/docs/components/jsx-email/marketing/social/outlined-square-tiles-social-logos): Marketing social variant for email templates
        - [Pill Box Social Logos](/docs/components/jsx-email/marketing/social/pill-box-social-logos): Marketing social variant for email templates
        - [Socials with Inline Labels](/docs/components/jsx-email/marketing/social/socials-with-inline-labels): Marketing social variant for email templates
        - [Socials with Inline Tile Labels](/docs/components/jsx-email/marketing/social/socials-with-inline-tile-labels): Marketing social variant for email templates
        - [Socials with Labels Stacked](/docs/components/jsx-email/marketing/social/socials-with-labels-stacked): Marketing social variant for email templates
        - [Socials with Stacked Tile Labels](/docs/components/jsx-email/marketing/social/socials-with-stacked-tile-labels): Marketing social variant for email templates
        - [Square Tiles Social Logos](/docs/components/jsx-email/marketing/social/square-tiles-social-logos): Marketing social variant for email templates
        - [Simple Footer with Social Icons](/docs/components/jsx-email/marketing/social/simple-footer-with-social-icons): Marketing footers variant for email templates
      - Stats
        - [Stats](/docs/components/jsx-email/marketing/stats): Statistics and metrics display components for showcasing data.
        - [Simple Stats](/docs/components/jsx-email/marketing/stats/simple-stats): Marketing stats variant for email templates
        - [Grid Stats with Accent Column](/docs/components/jsx-email/marketing/stats/grid-stats-with-accent-column): Marketing stats variant for email templates
        - [Boxed Grid Stats](/docs/components/jsx-email/marketing/stats/boxed-grid-stats): Marketing stats variant for email templates
        - [Simple Grid Stats](/docs/components/jsx-email/marketing/stats/simple-grid-stats): Marketing stats variant for email templates
        - [Grid Stats with Border](/docs/components/jsx-email/marketing/stats/grid-stats-with-border): Marketing stats variant for email templates
        - [Milestone Stats](/docs/components/jsx-email/marketing/stats/milestone-stats): Marketing stats variant for email templates
      - Team
        - [Team](/docs/components/jsx-email/marketing/team): Team member display components for showcasing people in emails.
        - [Two Column Team Cards with Details](/docs/components/jsx-email/marketing/team/two-column-team-cards-with-details): Two Column Team Cards with Details — Team email component.
        - [Horizontal Team Member Bios](/docs/components/jsx-email/marketing/team/horizontal-team-member-bios): Marketing team variant for email templates
        - [Three Columns Team Grid](/docs/components/jsx-email/marketing/team/three-columns-team-grid): Three Columns Team Grid — Team email component.
      - Testimonial
        - [Testimonial](/docs/components/jsx-email/marketing/testimonials): Customer testimonial sections with quotes, avatars, and author details.
        - [Centered Testimonial with CTA](/docs/components/jsx-email/marketing/testimonials/centered-testimonial-with-cta): Marketing testimonials variant for email templates
        - [Full Width Testimonial with Overlapping Avatar](/docs/components/jsx-email/marketing/testimonials/full-width-testimonial-with-overlapping-avatar): Marketing testimonials variant for email templates
        - [Full Width Testimonial](/docs/components/jsx-email/marketing/testimonials/full-width-testimonial): Marketing testimonials variant for email templates
      - Timelines
        - [Timelines](/docs/components/jsx-email/marketing/timelines): Timeline components for changelogs, payment history, and event sequences.
        - [Cards Timeline](/docs/components/jsx-email/marketing/timelines/cards-timeline): Marketing timelines variant for email templates
        - [Changelog Boxed](/docs/components/jsx-email/marketing/timelines/changelog-boxed): Marketing timelines variant for email templates
        - [Stacked Boxed Timeline](/docs/components/jsx-email/marketing/timelines/stacked-boxed-timeline): Marketing timelines variant for email templates
        - [Changelog](/docs/components/jsx-email/marketing/timelines/changelog): Marketing timelines variant for email templates
        - [Payment Timeline](/docs/components/jsx-email/marketing/timelines/payment-timeline): Marketing timelines variant for email templates
        - [Split Cards](/docs/components/jsx-email/marketing/timelines/split-cards): Marketing timelines variant for email templates
        - [Stacked Timeline](/docs/components/jsx-email/marketing/timelines/stacked-timeline): Marketing timelines variant for email templates
    - Ecommerce
      - [Ecommerce](/docs/components/jsx-email/ecommerce): Ecommerce components for email templates - product cards, orders, and more.
      - Category Previews
        - [Category Previews](/docs/components/jsx-email/ecommerce/category-previews): Category preview layouts for browsing product categories.
        - [Category Preview Cards](/docs/components/jsx-email/ecommerce/category-previews/category-preview-cards): Category Preview Cards — Category Previews email component.
        - [Category Preview Rows](/docs/components/jsx-email/ecommerce/category-previews/category-preview-rows): Category Preview Rows — Category Previews email component.
      - Order Summary
        - [Order Summary](/docs/components/jsx-email/ecommerce/order-summary): Order summary layouts for purchase confirmation and receipt emails.
        - [Bordered Order Summary with Total Bottom](/docs/components/jsx-email/ecommerce/order-summary/bordered-order-summary-with-total-bottom): Bordered Order Summary with Total Bottom — Order Summary email component.
        - [Bordered Order Summary with Total Top](/docs/components/jsx-email/ecommerce/order-summary/bordered-order-summary-with-total-top): Bordered Order Summary with Total Top — Order Summary email component.
        - [Boxed Order Summary Card Details Total Top](/docs/components/jsx-email/ecommerce/order-summary/boxed-order-summary-card-details-total-top): Boxed Order Summary Card Details Total Top — Order Summary email component.
      - Product Detail
        - [Product Detail](/docs/components/jsx-email/ecommerce/product-detail): Product detail displays with images, descriptions, and purchase options.
        - [Feature with Product Image](/docs/components/jsx-email/ecommerce/product-detail/feature-with-product-image): Marketing feature variant for email templates
        - [Two Columns Image Grid with Full Width Feature](/docs/components/jsx-email/ecommerce/product-detail/two-columns-image-grid-with-full-width-feature): Two Columns Image Grid with Full Width Feature — Product Detail email component.
        - [Bento Grid with Images and Details](/docs/components/jsx-email/ecommerce/product-detail/bento-grid-with-images-and-details): Marketing bento-grids variant for email templates
        - [Two Column Team Cards with Details](/docs/components/jsx-email/ecommerce/product-detail/two-column-team-cards-with-details): Two Column Team Cards with Details — Product Detail email component.
        - [Split Product Detail](/docs/components/jsx-email/ecommerce/product-detail/split-product-detail): Ecommerce product-detail variant for email templates
      - [Product Lists](/docs/components/jsx-email/ecommerce/product-lists): Product list layouts for showcasing multiple products in a single email section.
      - Reviews
        - [Reviews](/docs/components/jsx-email/ecommerce/reviews): Customer review and rating display components for ecommerce emails.
        - [Full Width Reviews](/docs/components/jsx-email/ecommerce/reviews/full-width-reviews): Ecommerce reviews variant for email templates
        - [Masonry Grid Reviews](/docs/components/jsx-email/ecommerce/reviews/masonry-grid-reviews): Ecommerce reviews variant for email templates
        - [Two Columns Reviews](/docs/components/jsx-email/ecommerce/reviews/two-columns-reviews): Ecommerce reviews variant for email templates
      - [Shopping Cart](/docs/components/jsx-email/ecommerce/shopping-cart): Shopping cart layouts for order review emails.
    - UI Elements
      - [UI Elements](/docs/components/jsx-email/ui-elements): Basic UI elements for email templates - buttons, spacing, avatars, and more.
      - [Avatar Row](/docs/components/jsx-email/ui-elements/avatars): User avatar components for displaying people in emails.
      - [Buttons](/docs/components/jsx-email/ui-elements/buttons): A single email button component with primary, secondary, and text link styles, optional icons, and alignment.
      - [Container](/docs/components/jsx-email/ui-elements/containers): Layout container for wrapping email content with responsive padding.
      - Data Tables
        - [Data Tables](/docs/components/jsx-email/ui-elements/data-tables): Table components for displaying structured data and metrics in emails.
        - [Data Table Basic](/docs/components/jsx-email/ui-elements/data-tables/data-table-basic): Data Table Basic — Data Tables email component.
        - [Data Table 4 Columns](/docs/components/jsx-email/ui-elements/data-tables/data-table-4-columns): Data Table 4 Columns — Data Tables email component.
        - [Data Table Change Indicator](/docs/components/jsx-email/ui-elements/data-tables/data-table-change-indicator): Data Table Change Indicator — Data Tables email component.
        - [Data Table Edit Button](/docs/components/jsx-email/ui-elements/data-tables/data-table-edit-button): Data Table Edit Button — Data Tables email component.
        - [Data Table with Pills](/docs/components/jsx-email/ui-elements/data-tables/data-table-with-pills): Data Table with Pills — Data Tables email component.
        - [Data Table with Progress](/docs/components/jsx-email/ui-elements/data-tables/data-table-with-progress): Data Table with Progress — Data Tables email component.
        - [With Logos and Action Links](/docs/components/jsx-email/ui-elements/data-tables/data-table-with-logos-and-action-links): With Logos and Action Links — Data Tables email component.
      - [Grid](/docs/components/jsx-email/ui-elements/grids): Responsive grid layouts for multi-column email content.
      - [Pills](/docs/components/jsx-email/ui-elements/pills): Status pill and badge components for labels and indicators.
      - [Progress Bars](/docs/components/jsx-email/ui-elements/progress-bars): Progress bar components for displaying completion status and metrics.
      - [Divider & Spacing](/docs/components/jsx-email/ui-elements/spacing): Horizontal dividers, spacers, and visual separators for email layouts.
- 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.
  - JSX Email
    - [JSX Email Blocks](/docs/blocks/jsx-email): Email blocks built with mjml-react
    - [Authentication Emails](/docs/blocks/jsx-email/authentication): Pre-built authentication email templates for various use cases.
    - [Notification Emails](/docs/blocks/jsx-email/notification): Pre-built notification email templates for various use cases.
    - [Newsletter Emails](/docs/blocks/jsx-email/newsletter): Pre-built newsletter email templates for updates and announcements.
    - [Invitation Emails](/docs/blocks/jsx-email/invites): Pre-built invitation email templates for team and project invites.
    - [Receipt Emails](/docs/blocks/jsx-email/receipts): Pre-built receipt and invoice email templates.
    - [Onboarding Emails](/docs/blocks/jsx-email/onboarding): Pre-built onboarding email templates for new users.