---
title: "Riffle — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Prem Shandilya · Cards. 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…"
canonical: "https://framer.elliotli.dev/component/riffle"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Riffle

# Riffle

3D Card Deck

[View on Framer](https://framer.com/marketplace/components/riffle/?via=elliot-li)

![Riffle preview image 1](https://framer.elliotli.dev/og/component/riffle/1840f362d27fc761/1600x1200.jpg)

## Summary

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.

## Description

**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](mailto: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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #2981

## Details

- **Author**: Prem Shandilya
- **Price**: $12.00
- **Published**: 2026-08-04
- **Updated**: 2026-08-22
- **Added**: 2026-08-04
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator