---
title: "Coverflow image — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Edi Priatama · Carousels. interactive Showcase images"
canonical: "https://framer.elliotli.dev/component/coverflow-image"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Coverflow image

# Coverflow image

interactive Showcase images

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

![Coverflow image preview image 1](https://framer.elliotli.dev/og/component/coverflow-image/dc601ce1695a65f2/1600x1200.jpg)

## Summary

interactive Showcase images

## Description

Showcase images or cards in a smooth, 3D cover flow style.Users can drag or swipe to navigate between cards, while inactive cards tilt, blur, and scale down to create a cinematic depth effect.

**Customizable Properties**

-   **Cards (Slot):** Add images.
    
-   **Orientation:** Choose between **Horizontal** or **Vertical** flow.
    
-   **Card Width / Height:** Adjust the size of each card in pixels.
    
-   **Gap:** Set the horizontal space between cards.
    
-   **Side Scale:** Control how much side cards shrink.
    
-   **Side Blur:** Adjust the blur level for non-active cards .
    
-   **Grayscale Mode:** Toggle grayscale effect on inactive cards.
    

**Perfect For**

-   Portfolios and product galleries
    
-   Digital showcases and hero sections
    
-   Interactive UI previews and image sliders
    

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

-   All · #6099

## Details

- **Author**: Edi Priatama
- **Price**: $5.00
- **Published**: 2025-10-22
- **Updated**: 2026-04-11
- **Added**: 2025-10-12
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow