Aisol Depth Cards — card rail with depth, Framer component

A card rail with depth, built on the browser's own scrolling.

Each card turns, shrinks and fades as it leaves the centre. The effect is driven by each card's intersection ratio — no scroll listeners, no rect reads, no measuring — so it stays smooth and the Framer canvas stays still while you design.

• Turn, shrink and fade are separate controls. Set them to zero and you have a plain snap rail.

• Arrows scroll the rail; trackpad, wheel and touch all work as normal.

• Reduced motion flattens every card and skips the observer entirely.

• Bind a CMS collection through the card slots, or type the cards in.

• Cards with no image draw a soft tinted block from the title — no empty grey boxes.

Card width steps down on tablets and becomes screen-relative on phones. The page never scrolls sideways; only the rail does.

How to use: copy the component in, add cards or bind a collection, set the turn angle to taste.

Live preview: https://thistle-timing-694660.framer.app/aisol-depth-cards