Sleek Product Card
Sleek e-commerce card: image with a gradient HOT SALE badge, category, title, description, feature chips, struck-out old price above the new price, a dark gradient cart button with a light sweep and a tilting bag icon,…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Sleek Product Card reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Element
- Category
- Cards
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 3
Set on the section, in Bricks’ attributes panel. No code needed.
data-themesurface behind the cards
data-animentrance
data-stockcolour of the stock label
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
imagehttps://images.unsplash.com/photo-1496181133206-80ce9b88a853?w=900
imageAltLaptop on a wooden desk
badgeHOT SALE
showBadgeTrue
categoryHigh-Performance Laptop
titleUltraBook Pro X
textCutting-edge performance with Intel Core i9, 32GB RAM, and a 1TB SSD…
oldPrice$2,499
price$1,999
cartLabelAdd to Cart
reviews245 Reviews
stockIn Stock
url#
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro

Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 page






