๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Product Sections

E-commerce product showcases and feature highlights

298 components - V3 225 ยท V4 73

Version:

๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

V3 Adaptive

Product Layout Style 1 21

product + counter (items sold) spacious variant with extra padding

headingtext-editor
V3 Adaptive

Product Layout Style 2 21

product + counter (items sold) with social-icons row

headingtext-editor
V3 Adaptive

Product Layout Style 3 21

product + counter (items sold) with counter stat

headingtext-editor
V3 Adaptive

Product Layout Style 4 21

product + counter (items sold) full-width layout

headingtext-editor
V3 Adaptive

Product Layout Style 5 21

product + counter (items sold) narrow centered card style

headingtext-editor
V3 Adaptive

Product Layout Style 6 21

product + counter (items sold) with divider below

headingtext-editor
V3 Adaptive

Product Layout Style 1 22

product + counter (items sold) right-aligned layout

headingtext-editor
V3 Adaptive

Product Layout Style 2 22

product + counter (items sold) 4-column variant

headingtext-editor
V3 Adaptive

Product Layout Style 3 22

product + counter (items sold) with alert banner above

headingtext-editor
V3 Adaptive

Product Layout Style 4 22

product + counter (items sold) with breadcrumb above

headingtext-editor
V3 Adaptive

Product Layout Style 5 22

product + counter (items sold) minimal single-row

headingtext-editor
V3 Adaptive

Product Layout Style 6 22

product + counter (items sold) with background container card

headingtext-editor
V3 Adaptive

Product Layout Style 1 23

product + image-carousel (multiple views)

headingtext-editor
V3 Adaptive

Product Layout Style 2 23

product + image-carousel (multiple views) with CTA button below

headingtext-editor
V3 Adaptive

Product Layout Style 3 23

product + image-carousel (multiple views) with divider above

headingtext-editor
V3 Adaptive

Product Layout Style 4 23

product + image-carousel (multiple views) with image placeholder

headingtext-editor
V3 Adaptive

Product Layout Style 5 23

product + image-carousel (multiple views) with icon accents

headingtext-editor
V3 Adaptive

Product Layout Style 6 23

product + image-carousel (multiple views) centered layout

headingtext-editor
V3 Adaptive

Product Layout Style 1 24

product + image-carousel (multiple views) left-aligned layout

headingtext-editor
V3 Adaptive

Product Layout Style 2 24

product + image-carousel (multiple views) 2-column variant

headingtext-editor
V3 Adaptive

Product Layout Style 3 24

product + image-carousel (multiple views) 3-column variant

headingtext-editor
V3 Adaptive

Product Layout Style 4 24

product + image-carousel (multiple views) compact variant

headingtext-editor
V3 Adaptive

Product Layout Style 5 24

product + image-carousel (multiple views) spacious variant with extra padding

headingtext-editor
V3 Adaptive

Product Layout Style 6 24

product + image-carousel (multiple views) with social-icons row

headingtext-editor