---
title: "Card Activator 3D — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Cards. What is Card Activator 3D?"
canonical: "https://framer.elliotli.dev/component/card-activator-3d"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Card Activator 3D

# Card Activator 3D

3D cards that capture attention.

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

![Card Activator 3D preview image 1](https://framer.elliotli.dev/og/component/card-activator-3d/6b54d360c1ec7c2e/1600x1200.jpg)

## Summary

What is Card Activator 3D?

## Description

## **What is Card Activator 3D?**

Card Activator 3D delivers physics-based, multi-layered interactivity. Designed to react naturally to cursor movement, it tilts and twists to create an immersive sense of depth. Perfect for highlighting premium service offerings, product capabilities, or striking calls to action, it helps you construct high-end digital experiences that prioritize visual engagement and precise layout control.

## **Core Features**

-   Physics-based 3D tilt and twist interactions
    
-   Sequential stagger animations on content reveal
    
-   Four premium aesthetic presets built-in
    
-   Dynamic mouse tracking and hover states
    
-   Fully customizable color tokens and typography
    

## **Controls inside Framer**

### **Theme**

-   Theme Preset (Midnight, Frost, Ember, Sage)
    
-   Detailed color overrides (backgrounds, borders, text)
    

### **Content**

-   Hero image upload
    
-   Tag visibility and text
    
-   Title and subtitle text areas
    
-   Feature list strings
    
-   Call-to-action text and native routing link
    

### **Typography**

-   Title font properties
    
-   Subtitle font properties
    
-   Tag font properties
    
-   Feature font properties
    
-   Call-to-action font properties
    

### **Animation**

-   Twist and tilt intensity
    
-   Dim and scale amount
    
-   Perspective depth
    
-   Spring stiffness and damping
    
-   Mouse track sensitivity
    

### **Layout**

-   Card border radius
    
-   Dynamic image height
    
-   Internal padding bounds
    

## **Best use cases**

-   Highlighting primary product features
    
-   Showcasing immersive portfolio case studies
    
-   Presenting premium pricing tiers
    
-   Building engaging call-to-action sections
    

Deploy interactive, high-fidelity design patterns in minutes to maximize user engagement and deliver an unparalleled digital experience.

## **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 · #10674

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-06-20
- **Updated**: 2026-06-21
- **Added**: 2026-06-20
- **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