Instagram Cards

What is Instagram Cards?

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.

Core Features

• 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

Controls inside Framer

Card Content

• Left, center, and right card images

• Caption text with show/hide toggle

• Like count display

Avatar Settings

• Avatar count (1–3 avatars)

• Individual avatar images

• Per-avatar link URLs

• Verified badge toggle

Visual Style

• Corner radius

• Shadow depth intensity

• Card spacing and tilt angle

• Instagram gradient border toggle

• Dark and light color modes

• Background color

Interactions

• Hover wobble effect

• Drag-to-swap reordering

• Click-to-expand modal

• Double-tap heart animation

• Auto-rotate with speed control

Best use cases

• 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.

Questions or custom requests?

• We design and build custom Framer components. Get in touch at contact@teampixel.com.au.