# Ecommerce > Components designed for eCommerce layouts, including product displays and card grids. Web: https://react.email/components/ecommerce Paste any snippet into an email built with React Email. The snippets use the primitives from `@react-email/components`. ## One product Source: https://github.com/resend/react-email/tree/canary/apps/web/components/one-product ### Tailwind ```tsx
Braun Collection
Classic Watches Elegant Comfort Dieter Rams’ work has an outstanding quality which distinguishes it from the vast majority of industrial design of the entire 20th Century. $210.00
``` ### Inline styles ```tsx
Braun Collection
Classic Watches Elegant Comfort Dieter Rams’ work has an outstanding quality which distinguishes it from the vast majority of industrial design of the entire 20th Century. $210.00
``` ## One product with image on the left Source: https://github.com/resend/react-email/tree/canary/apps/web/components/one-product-with-image-on-the-left ### Tailwind ```tsx
Braun Vintage Great Timepiece Renowned for their minimalist design and high functionality, celebrating the principles of simplicity and clarity. $120.00
``` ### Inline styles ```tsx
Braun Vintage Great Timepiece Renowned for their minimalist design and high functionality, celebrating the principles of simplicity and clarity. $120.00
``` ## Title + three cards in a row Source: https://github.com/resend/react-email/tree/canary/apps/web/components/title-three-cards-in-a-row ### Tailwind ```tsx
Timing Products Dieter Rams consistently implemented his design principles over the course of over three decades as the Braun design leader. Braun Analogue Clock Analogue Clock Thoughtful and simply designed. $40.00 Braun Wall Clock Wall Clock The original easy to read dial layout. $45.00 Braun Classic Watch Classic Watch Functional, classic, and built to last. $210.00
``` ### Inline styles ```tsx
Timing Products Dieter Rams consistently implemented his design principles over the course of over three decades as the Braun design leader. Braun Analogue Clock Analogue Clock Thoughtful and simply designed. $40.00 Braun Wall Clock Wall Clock The original easy to read dial layout. $45.00 Braun Classic Watch Classic Watch Functional, classic, and built to last. $210.00
``` ## Title + four cards Source: https://github.com/resend/react-email/tree/canary/apps/web/components/title-four-cards ### Tailwind ```tsx
Timing Products Dieter Rams consistently implemented his design principles over the course of over three decades as the Braun design leader. Braun Wall Clock Wall Clock Easy to read dial layout. $45.00 Braun Wireless Alarm Wireless Alarm Designed with a focus on function. $50.00
Braun Classic Watch Classic Watch Functional, classic, and built to last. $210.00 Braun Analogue Clock Analogue Clock Thoughtful and simply designed. $40.00
``` ### Inline styles ```tsx
Timing Products Dieter Rams consistently implemented his design principles over the course of over three decades as the Braun design leader. Braun Wall Clock Wall Clock Easy to read dial layout. $45.00 Braun Wireless Alarm Wireless Alarm Designed with a focus on function. $50.00
Braun Classic Watch Classic Watch Functional, classic, and built to last. $210.00 Braun Analogue Clock Analogue Clock Thoughtful and simply designed. $40.00
``` ## Checkout Source: https://github.com/resend/react-email/tree/canary/apps/web/components/checkout ### Tailwind ```tsx
You left something in your cart
  Product Quantity Price
Braun Classic Watch Classic Watch 1 $210.00
Braun Analogue Clock Analogue Clock 1 $40.00
``` ### Inline styles ```tsx
You left something in your cart
  Product Quantity Price
Braun Classic Watch Classic Watch 1 $210.00
Braun Analogue Clock Analogue Clock 1 $40.00
```