---
title: "Feature Card Animate — Free Framer component · Best of Framer"
description: "Free Framer component · by shirajus salekin shafi · Cards. Interactive feature card 3D mouse tilt"
canonical: "https://framer.elliotli.dev/component/feature-card-animate"
---

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

# Feature Card Animate

Interactive feature card 3D mouse tilt

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

![Feature Card Animate preview image 1](https://framer.elliotli.dev/og/component/feature-card-animate/d5aaaa685c28430b/1600x1200.jpg)

## Summary

Interactive feature card 3D mouse tilt

## Description

**Features**

-   3D mouse-tracking tilt with perspective rotation on hover
    
-   Magnetic icons follow the cursor with distance-based falloff
    
-   Continuous conic-gradient orbit ring rotating behind the icons
    
-   Spring-eased hover scale on each icon (cubic-bezier overshoot)
    
-   Five swappable icon slots — drop in any logo or image
    
-   Bundled default brand icons (fallback when slots are empty)
    
-   Radial mask fade gracefully reveals the icon stage
    
-   Five-circle composition with sm / md / lg / md / sm size cadence
    
-   Hover state with enhanced inset glow and lifted drop shadow
    
-   Tilt, magnetic, and orbit each individually toggleable
    
-   All animation strengths, radii, and speeds fully tunable
    
-   Transform-only animations — no layout shifts
    
-   Responsive — desktop, tablet, mobile down to 320px
    
-   No dependencies
    

**Property Controls**

Content

-   Title — main heading text below the card
    
-   Description — supporting subtext
    

Icons

-   Icon 1 (small) · Icon 2 (medium) · Icon 3 (large) · Icon 4 (medium) · Icon 5 (small)
    
-   Each accepts a responsive image · falls back to the bundled brand SVG when empty
    

Tilt

-   3D Tilt — toggle perspective rotation
    
-   Tilt Amount (0–20) — peak rotation in degrees
    

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

-   All · #5191

## Details

- **Author**: shirajus salekin shafi
- **Published**: 2026-05-12
- **Updated**: 2026-05-12
- **Added**: 2026-04-30
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards