Riffle

Riffle: a 3D card deck that deals itself apart as you scroll

A dense pile of cards holds still while the page scrolls, then deals itself apart one card at a time. Each card lifts off the top, spins, flips through 3D space and throws clear as the stack behind steps up. It runs on your own images and renders live. No video, no code.

What you get

• 6 presets: Classic Deal · Fan Out · Tight Stack · Deep Corridor · Toss · Flat Slide

• 5 deal directions: Up · Up Left · Up Right · Left · Right

• 2 scroll mappings. Pin holds the deck on screen while it deals, Through deals as the section crosses the viewport

• Up to 24 cards, each with its own image, title and tag, plus built-in fallbacks so it never renders blank

• Stack controls: visible layers, offset, depth, scale and tilt per layer

• Throw controls: distance, spin on Z, flip on X, overlap and smoothing

• Styling: stage colour, card fill, card border, shadow, sheen, corner radius, title and tag fonts

• Scroll progress bar with its own fill and track colours

• Optional in-canvas control panel so visitors can switch presets and tune the throw live. Five positions, four menu toggles

• 37 property controls. Presets set starting values and never lock a control, so you can pick a look and keep tuning

• Pauses off screen, respects reduced motion, crisp static frame in the editor

Drop it into a tall section for a pinned hero, a portfolio index or a product story.

What's included:

• Remix link to the Component.

• Free updates. The remix link always carries the latest version

• Email support: support@premshandilya.com

License: Single-user license. Use Riffle in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted.

Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn't work as shown, email me and I'll fix it fast.