About Component
AccordionCards Pro is an interactive card gallery for Framer. Cards expand smoothly on hover with fluid width transitions, revealing content through staggered blur and fade animations. A parallax effect makes images react to mouse movement, while a soft cursor glow follows your pointer across the canvas. Designed for portfolios, creative agencies, product pages, and editorial layouts that demand motion quality.
Fully responsive out of the box — no setup required. On screens under 768px, cards automatically switch to a full-width vertical stack with tap-to-open touch support. Demo Mode lets you adjust radius, gap, glow intensity, and card count in real time, directly inside the Framer canvas.
Smooth accordion expand on hover with fluid width transition Staggered blur + fade text reveal animation per card Parallax image effect that reacts to mouse movement Soft cursor glow that follows your pointer Left-to-right animated divider line on expand Mobile & tablet touch support — tap to open Fully responsive — auto switches to vertical stack under 768px Demo Mode with live preview of all visual settings 5 customizable cards with title, description, tag and image Complete property controls: fonts, colors, sizes, radius and gap Works out of the box.
Use Cases
Portfolio & personal branding websites
Creative agency & studio showcase pages
Sport & fitness brand websites
Fashion & lifestyle landing pages
Product showcase & feature highlight sections Photography & visual storytelling sites
SaaS marketing & feature pages
Event & conference websites
Architecture & interior design portfolios
Editorial & magazine-style layouts
Keywords
accordion cards, hover expand card, card gallery, interactive cards, image card hover, blur reveal, parallax card, cursor glow, hover animation, accordion gallery, card expand effect, editorial card, portfolio gallery, card component, staggered animation, touch card, mobile accordion, image gallery, reveal animation, hover card
About Component
AccordionCards Pro is an interactive card gallery for Framer. Cards expand smoothly on hover with fluid width transitions, revealing content through staggered blur and fade animations. A parallax effect makes images react to mouse movement, while a soft cursor glow follows your pointer across the canvas. Designed for portfolios, creative agencies, product pages, and editorial layouts that demand motion quality.
Fully responsive out of the box — no setup required. On screens under 768px, cards automatically switch to a full-width vertical stack with tap-to-open touch support. Demo Mode lets you adjust radius, gap, glow intensity, and card count in real time, directly inside the Framer canvas.
Smooth accordion expand on hover with fluid width transition Staggered blur + fade text reveal animation per card Parallax image effect that reacts to mouse movement Soft cursor glow that follows your pointer Left-to-right animated divider line on expand Mobile & tablet touch support — tap to open Fully responsive — auto switches to vertical stack under 768px Demo Mode with live preview of all visual settings 5 customizable cards with title, description, tag and image Complete property controls: fonts, colors, sizes, radius and gap Works out of the box.
Use Cases
Portfolio & personal branding websites
Creative agency & studio showcase pages
Sport & fitness brand websites
Fashion & lifestyle landing pages
Product showcase & feature highlight sections Photography & visual storytelling sites
SaaS marketing & feature pages
Event & conference websites
Architecture & interior design portfolios
Editorial & magazine-style layouts
Keywords
accordion cards, hover expand card, card gallery, interactive cards, image card hover, blur reveal, parallax card, cursor glow, hover animation, accordion gallery, card expand effect, editorial card, portfolio gallery, card component, staggered animation, touch card, mobile accordion, image gallery, reveal animation, hover card
Ahmet Loca
