---
title: "Reveal Slider Images — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Sirrah Space · Carousels. Capture your audience's attention with the Reveal Slider Images."
canonical: "https://framer.elliotli.dev/component/reveal-slider-images"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Reveal Slider Images

# Reveal Slider Images

Slider with color reveal effects.

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

![Reveal Slider Images preview image 1](https://framer.elliotli.dev/og/component/reveal-slider-images/78c519ee6275f1fe/1600x1200.jpg)

## Summary

Capture your audience's attention with the Reveal Slider Images.

## Description

Capture your audience's attention with the **Reveal Slider Images**. This versatile image carousel goes beyond standard slideshows by introducing an interactive **Color Reveal** feature. By default, images can be displayed in grayscale and smoothly transition into full, vibrant color through automated animations, directional hover wipes, or a dynamic magnetic spotlight that tracks the user's cursor.

It includes all essential carousel features like auto-play, customizable transition styles (fade, slide, scale, or slide & scale), and dot navigation. Whether you are showcasing a photography portfolio, presenting product features, or building an interactive gallery, you can easily add clickable links to slides, adjust transition speeds, and style the container to match your brand seamlessly.

**Functions (Key Features):**

-   🎨 **Color Reveal Effects:** Transition images from grayscale to color using Auto animations, directional Hover sweeps, or an interactive Mouse Spotlight.
    
-   ✨ **Custom Transitions:** Choose between Fade, Slide, Scale, or a combined Slide & Scale effect for buttery-smooth image changes.
    
-   🔗 **Clickable Slides:** Turn any image into a hyperlink to direct users seamlessly to specific products, articles, or case studies.
    
-   ⌨ **Keyboard Navigation:** Fully accessible with built-in arrow key support for manual browsing.
    
-   🎛 **Full Styling Control:** Adjust border radius, indicator colors, object fit, and spotlight shapes directly from the properties panel.
    

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

-   All · #8243

## Details

- **Author**: Sirrah Space
- **Price**: $4.00
- **Published**: 2026-06-25
- **Updated**: 2026-07-26
- **Added**: 2026-06-25
- **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