# Ecommerce > Components designed for eCommerce layouts, including product displays and card grids. Web: https://vuemail.dev/components/ecommerce Paste any snippet into an email built with Vuemail. The snippets are single file components that use the primitives from `@vuemaildev/vuemail`. ## One product Source: https://github.com/psycarlo/vuemail/tree/main/apps/web/components/one-product ### Tailwind ```vue ``` ### Inline styles ```vue ``` ## One product with image on the left Source: https://github.com/psycarlo/vuemail/tree/main/apps/web/components/one-product-with-image-on-the-left ### Tailwind ```vue ``` ### Inline styles ```vue ``` ## Title + three cards in a row Source: https://github.com/psycarlo/vuemail/tree/main/apps/web/components/title-three-cards-in-a-row ### Tailwind ```vue ``` ### Inline styles ```vue ``` ## Title + four cards Source: https://github.com/psycarlo/vuemail/tree/main/apps/web/components/title-four-cards ### Tailwind ```vue ``` ### Inline styles ```vue ``` ## Checkout Source: https://github.com/psycarlo/vuemail/tree/main/apps/web/components/checkout ### Tailwind ```vue ``` ### Inline styles ```vue ```