Tilt Stack

A coverflow in real 3D. The current card faces you; the others turn toward it, stack tightly and blur the further back they sit. Drag, flick, use the arrow keys or swipe sideways on a trackpad.

Controls

Source, Items, Slides, List, Item Layer, A11y Label, Card Width, Phone Width, Height Ratio, Turn, First Gap, Stack Gap, Depth, Perspective, Side Cards, Phone Side Cards, Depth Blur, Phone Blur, Edge Blur, Backdrop, Backdrop Dim, Loop, Wheel, Autoplay, Spring, Arrows, Arrow Color, Arrow Fill, Captions, Font, Caption, Subtitle, Radius, Shadow.

Phones, dark mode, Arabic

No blur on phones unless Phone Blur is on; Phone Width and Phone Side Cards set the size. With reduced motion cards change place without the spring, and autoplay is off. Colour controls take your tokens, so dark mode follows the theme, and it works on Arabic right-to-left pages.

What you get

After checkout: the component link to paste onto your Framer canvas, plus an editable Framer project with a demo page.

All ten in one project for $49: Motion Kit

All sales are final, no refunds.