3D Feature Carousel
A rotating carousel that shows product features on 3D cards with depth and motion. Great for highlighting a few standout capabilities on a landing page.
A rotating carousel that shows product features on 3D cards with depth and motion. Great for highlighting a few standout capabilities on a landing page.
Search blocks by description or jump to a page.
3D Feature Carousel opens with a centered heading, a badge, and a short description, then drops into a perspective carousel where five image cards are arranged in a circular arc. The active card sits front and center at full scale; the surrounding cards recede into the background with decreasing opacity and scale to give a sense of depth. Left and right arrow buttons on the carousel edges let visitors step through features manually, and a row of dot indicators below shows the current position. Below the carousel, a detail panel expands on the active feature with a title, a paragraph, and three chevron list items on the left, paired with a color-tinted stat block on the right that surfaces a key metric for that feature. A closing call-to-action row with two buttons rounds off the section.
The heading copy, badge label, and all five feature entries are plain data you can swap freely. Each feature carries its own title, description, image, accent color, and stat value, so you can scale the list up or down by adding or removing entries without restructuring the layout. The detail panel bullet points are shared across all features in the demo and are likewise straightforward to tailor.
Reach for this block when a product has a handful of marquee capabilities that deserve individual attention rather than a flat grid scan. For a product analytics SaaS, for instance, it is a strong fit on a feature spotlight page or a pricing section where each plan tier maps to a distinct capability: the rotating carousel draws the eye, the depth effect signals that the content is worth exploring, and the stat block gives hard numbers without crowding the headline copy. It outperforms a static grid when the features have enough weight that each one warrants its own image and metric.
A natural flow around it on an Ecommerce page:
Before
After
Each feature slot holds an image, a short description, and one standout metric, making the block adaptable to many product stories:
Tip: keep feature titles short enough to read at a glance on the card itself; longer titles get clipped on the receded background cards.