---
title: "Accordion Images Pro — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Ahmet Loca · Accordions. Accordion Images Pro AccordionImagesPro is a cinematic project list component for Framer."
canonical: "https://framer.elliotli.dev/component/accordion-images-pro"
---

[Home](/)/[Components](/components)/[Accordions](/components/category/accordions)/Accordion Images Pro

# Accordion Images Pro

Full-screen image reveal accordion

[View on Framer](https://framer.com/marketplace/components/accordion-images-pro/?via=elliot-li)

![Accordion Images Pro preview image 1](https://framer.elliotli.dev/og/component/accordion-images-pro/80d698f2e66cf65a/1600x1200.jpg)

## Summary

Accordion Images Pro AccordionImagesPro is a cinematic project list component for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Gallery Bundle:** [**https://frameze.com/components/category/gallery?ref=bundles**](https://frameze.com/components/category/gallery?ref=bundles)

**Accordion Images Pro**

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.

**Live Preview:** [**https://accordionimagespro.framer.website/**](https://accordionimagespro.framer.website/)

-   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

**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, portfolio list, staggered list animation, zoom reveal effect, mouse parallax, creative portfolio component, accordion image

## Rank history [How rankings work →](/terms#rankings)

-   All · #3172

## Details

- **Author**: Ahmet Loca
- **Price**: $4.00
- **Published**: 2026-07-12
- **Updated**: 2026-09-30
- **Added**: 2026-07-12
- **Categories**: Accordions

## More like this

-   [Reel Accordion](/component/reel-accordion) — Lamin Touray · Free — Services that play as you hover
-   [AnswerVault](/component/answervault) — knokknokD · $12 — AnswerVault handles the quiet production details that make a FAQ useful after launch: searchable answers, category filtering, crawlable…
-   [Fold Rows](/component/fold-rows) — H SHIFT WORKS · Free — Accordion for FAQs and services
-   [FaqX Faq Accordion](/component/faqx-faq-accordion) — Themomarket · $8 — Accordion FAQ Section