← Back to catalog📄 Implementation guide
Card / Layout

3D Product Card

Presents a product in a tilted or layered 3D-style card.

Premium, commercial, showy

Professional
Casual
Exotic
Visual impact
Difficulty
Performance cost

Best use: Product pages, launch sites

Bag 0
KINETIK Drop 04 · Live

Performance running

Pulse Nitro Racer

★★★★★ 4.8· 2,184 reviews

Featherweight NITRO foam over a carbon-infused IGNITE plate returns every watt of push-off — engineered for the last, decisive kilometre.

$165 $220 SAVE 25%
Colourway Solar White / Orange
Size (US) Select
Free 2-day shipping 30-day returns Carbon-neutral delivery
KINETIK Pulse Nitro Racer running shoe in Solar White with orange accents
NITRO foam278g · carbon plate

Technique: pointer-driven transform: rotateX()/rotateY() on a transform-style: preserve-3d card, with translateZ() depth layers (the product plate pops forward) and a cursor-tracked glare