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.
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.
