About Component
AccordionCards Pro is an interactive card gallery component built for Framer. Cards expand on hover with fluid accordion animations, staggered blur and fade text reveals, parallax image movement tied to cursor position, and a soft ambient glow that follows your mouse across each card surface. On mobile and tablet, cards open and close on tap. Drop it into any Framer project and it works immediately — no dependencies, no configuration required.
Smooth accordion expand on hover with fluid width transitions Staggered blur + fade animation for title, description and tag Parallax image effect reacting to live cursor position Cursor glow that tracks mouse movement across each card Left-to-right animated divider line on expand Mobile and tablet touch support — tap to toggle open Fully responsive — auto stacks vertically below 768 px Demo Mode — live preview of radius, gap, glow and card count 5 customizable cards with title, description, tag and background image Full property controls: fonts, colors, sizes, border radius and gap Works out of the box
Use Cases
Portfolio and personal branding websites
Creative agency and studio landing pages
Sport and fitness brand websites
Fashion and lifestyle product showcases
Product feature highlight sections
Photography and visual storytelling sites
SaaS marketing and feature comparison pages
Event and conference websites
Architecture and interior design portfolios
Editorial and magazine-style layouts
Restaurant, hotel and hospitality pages
Music, art and creative studio sites
Keywords
accordion cards, hover expand card, card gallery framer, interactive card component, image card hover, blur reveal animation, parallax card effect, cursor glow framer, hover animation, accordion gallery, card expand effect, portfolio gallery framer, staggered animation, touch card mobile, image gallery framer, hover card framer, responsive card gallery, framer interactive cards, editorial card layout, framer card hover effect
About Component
AccordionCards Pro is an interactive card gallery component built for Framer. Cards expand on hover with fluid accordion animations, staggered blur and fade text reveals, parallax image movement tied to cursor position, and a soft ambient glow that follows your mouse across each card surface. On mobile and tablet, cards open and close on tap. Drop it into any Framer project and it works immediately — no dependencies, no configuration required.
Smooth accordion expand on hover with fluid width transitions Staggered blur + fade animation for title, description and tag Parallax image effect reacting to live cursor position Cursor glow that tracks mouse movement across each card Left-to-right animated divider line on expand Mobile and tablet touch support — tap to toggle open Fully responsive — auto stacks vertically below 768 px Demo Mode — live preview of radius, gap, glow and card count 5 customizable cards with title, description, tag and background image Full property controls: fonts, colors, sizes, border radius and gap Works out of the box
Use Cases
Portfolio and personal branding websites
Creative agency and studio landing pages
Sport and fitness brand websites
Fashion and lifestyle product showcases
Product feature highlight sections
Photography and visual storytelling sites
SaaS marketing and feature comparison pages
Event and conference websites
Architecture and interior design portfolios
Editorial and magazine-style layouts
Restaurant, hotel and hospitality pages
Music, art and creative studio sites
Keywords
accordion cards, hover expand card, card gallery framer, interactive card component, image card hover, blur reveal animation, parallax card effect, cursor glow framer, hover animation, accordion gallery, card expand effect, portfolio gallery framer, staggered animation, touch card mobile, image gallery framer, hover card framer, responsive card gallery, framer interactive cards, editorial card layout, framer card hover effect
Ahmet Loca
