Live Preview: https://accordionimagespro.framer.website/
AccordionImagesPro
AccordionImagesPro is a cinematic project list component for Framer. Each row reveals a full-screen background image on hover with a dramatic zoom-out effect and smooth mouse parallax. A directional highlight bar sweeps across each item — up, down, left or right — using mix-blend-mode exclusion for bold typographic contrast. Built for portfolios, creative studios and agency sites that demand visual impact.
Full-screen image reveal on hover with zoom-out animation
Mouse parallax — background image shifts smoothly with cursor movement
4-direction highlight bar (↑ ↓ → ←) with mix-blend-mode exclusion
Staggered entrance — items fade and slide in on page load
Per-item links — internal and external navigation per row
Native Framer font picker with independent font size control
Uppercase toggle for all title text
Custom colors — background, text and highlight set independently
Parallax strength control (0–60px range)
Reduced-motion support — fully respects OS accessibility preferences
Works out of the box — 6 default items included, no setup needed
Use Cases
Photography & visual storytelling portfolios
Creative agency & studio project showcases
Architecture & interior design portfolios
Fashion & lifestyle brand websites
Film, video & editorial production studios
Music & artist release pages
Product design & UX case study pages
Personal branding & freelancer portfolios
Art direction & graphic design studios
Event & cultural institution websites
Keywords
image reveal accordion, project list framer, full-screen hover image, parallax list, cinematic project list, hover image reveal, directional highlight bar, mix-blend-mode framer, portfolio list, staggered list animation, zoom reveal effect, mouse parallax, creative portfolio component, accordion image, project showcase, hover reveal animation, editorial project list, visual portfolio, full-screen reveal, image accordion
Live Preview: https://accordionimagespro.framer.website/
AccordionImagesPro
AccordionImagesPro is a cinematic project list component for Framer. Each row reveals a full-screen background image on hover with a dramatic zoom-out effect and smooth mouse parallax. A directional highlight bar sweeps across each item — up, down, left or right — using mix-blend-mode exclusion for bold typographic contrast. Built for portfolios, creative studios and agency sites that demand visual impact.
Full-screen image reveal on hover with zoom-out animation
Mouse parallax — background image shifts smoothly with cursor movement
4-direction highlight bar (↑ ↓ → ←) with mix-blend-mode exclusion
Staggered entrance — items fade and slide in on page load
Per-item links — internal and external navigation per row
Native Framer font picker with independent font size control
Uppercase toggle for all title text
Custom colors — background, text and highlight set independently
Parallax strength control (0–60px range)
Reduced-motion support — fully respects OS accessibility preferences
Works out of the box — 6 default items included, no setup needed
Use Cases
Photography & visual storytelling portfolios
Creative agency & studio project showcases
Architecture & interior design portfolios
Fashion & lifestyle brand websites
Film, video & editorial production studios
Music & artist release pages
Product design & UX case study pages
Personal branding & freelancer portfolios
Art direction & graphic design studios
Event & cultural institution websites
Keywords
image reveal accordion, project list framer, full-screen hover image, parallax list, cinematic project list, hover image reveal, directional highlight bar, mix-blend-mode framer, portfolio list, staggered list animation, zoom reveal effect, mouse parallax, creative portfolio component, accordion image, project showcase, hover reveal animation, editorial project list, visual portfolio, full-screen reveal, image accordion
