Widgets + layouts

3D layout

A depth-perspective carousel that fans cards into a 3D arc. Premium feel with smooth animation.

2 min read · last updated 2026-06

On this page

The 3D layout is a carousel that fans cards into a depth arc, so the active card sits forward and neighbours recede. The animation reads as premium.

Best fit: brand homepages and special event pages.

Settings that matter here

Slider settings (sliderSettings): Auto Play, Centered Slides and the arrow controls drive the carousel motion.
Tilt Angle (gallerySettings.tiltAngle) adjusts the depth/perspective of the arc.
Card height (cardSettings.cardHeight) sets the size of the front card.
Brand & Colors arrow and dot colours for the controls.

Screenshot coming soon

3D: a depth-perspective carousel arc.