---
title: "Card Grabber — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Aidan Looker · Cards. What is Card Grabber?"
canonical: "https://framer.elliotli.dev/component/card-grabber"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Card Grabber

# Card Grabber

Fling-to-dismiss feature stack.

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

![Card Grabber preview image 1](https://framer.elliotli.dev/og/component/card-grabber/def901c9991b42ee/1600x1200.jpg)

## Summary

What is Card Grabber?

## Description

## What is Card Grabber?

Card Grabber is a physics-driven interactive card stack that lets visitors grab the top card and fling it away in any direction to reveal the next card beneath. Built for feature showcases, service breakdowns, and product highlights, it turns static content into a tactile browsing experience that encourages exploration. Ships with a dark neon theme, 24 premium line icons, and spring-animated transitions.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Grab-and-fling interaction with free-direction drag and physics-based dismiss
    
-   Spring-animated card transitions with smooth scale, position, and opacity interpolation
    
-   24 built-in SVG line icons with optional custom image upload per card
    
-   Cursor-tracking radial glow that follows mouse position on the top card
    
-   Accent-tinted icon container with subtle float animation
    
-   Glassmorphic stat badge for key metrics or proof points
    
-   Accent stripe, ambient breathing glow, and hover border glow
    
-   Dark neon color theme with full accent color customisation
    
-   Deterministic stack scatter for a natural pile appearance
    

## Controls inside Framer

### Features

-   Icon (24 SVG options: Chart, Zap, Shield, Globe, Refresh, Code, Layers, Database, Lock, Rocket, Target, Puzzle, Lightbulb, Cloud, Bell, Settings, Users, Mail, Camera, Compass, Heart, Star, Phone, Headphones)
    
-   Custom Icon (upload an image to replace the SVG icon)
    
-   Title
    
-   Description
    
-   Stat Badge (leave empty to hide)
    
-   CTA Text (leave empty to hide the link)
    
-   CTA Link
    

### Card Dimensions

-   Card Width
    
-   Card Height
    

### Colors

-   Card Background
    
-   Accent
    
-   Text
    
-   Muted Text
    
-   Border
    

### Card Style

-   Border Radius
    
-   Shadow Intensity
    
-   Accent Stripe toggle
    
-   Stat Badge toggle
    
-   Stack Scatter
    

### Animation

-   Fling Speed (Fast, Medium, Slow)
    
-   Fling Distance threshold
    
-   Easing (Smooth, Snappy, Bouncy)
    

### Effects

-   Cursor Glow toggle
    
-   Glow Intensity
    

### Typography

-   Font
    

## Best use cases

-   Feature or service showcase on SaaS landing pages
    
-   Product highlight carousels for portfolio and agency sites
    
-   Interactive pricing or plan comparison breakdowns
    
-   Engagement-driven content sections that reward user interaction
    

Turn passive scrolling into active exploration. Card Grabber gives your visitors a reason to interact with every feature you ship.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [**contact@teampixel.com.au**](mailto:contact@teampixel.com.au).

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

-   All · #10394

## Details

- **Author**: Aidan Looker
- **Price**: $7.00
- **Published**: 2026-05-26
- **Updated**: 2026-06-13
- **Added**: 2026-05-13
- **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