Instagram Cards is a stunning, interactive 3-card stack component inspired by social media aesthetics. Perfect for portfolios, testimonials, team showcases, or any visual content that needs engagement. Featuring smooth spring animations, drag-to-reorder functionality, and click-to-expand modals, this component creates memorable user experiences that keep visitors interacting with your content.
Drag-to-swap card reordering with smooth spring physics
Double-tap heart animation on center card
Animated Instagram-style like bubble with floating hearts on click
1–3 profile avatars with verified badge and Instagram gradient border
Click-to-expand fullscreen modal view
Gradient floating heart with pulse animation
Auto-rotate carousel mode with adjustable speed
Left, center, and right card images
Caption text with show/hide toggle
Like count display
Avatar count (1–3 avatars)
Individual avatar images
Per-avatar link URLs
Verified badge toggle
Corner radius
Shadow depth intensity
Card spacing and tilt angle
Instagram gradient border toggle
Dark and light color modes
Background color
Hover wobble effect
Drag-to-swap reordering
Click-to-expand modal
Double-tap heart animation
Auto-rotate with speed control
Portfolio showcases with interactive photo galleries
Client testimonials with social proof styling
Team member highlights with linked profiles
Product features with engaging visual cards
Social media content previews on landing pages
Elevate your Framer projects with interactive cards that visitors actually want to engage with. Premium animations. Complete customisation. Instant impact.
Aidan Looker
