---
title: "ColorRevealGallery — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Heyuhm · Galleries. Experience the Magic of Chromatic Discovery ColorRevealGallery is more than just a standard image grid; it is an artistic canvas that breathes…"
canonical: "https://framer.elliotli.dev/component/colorrevealgallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/ColorRevealGallery

# ColorRevealGallery

Infinite grid with smart color reveal

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

![ColorRevealGallery preview image 1](https://framer.elliotli.dev/og/component/colorrevealgallery/c503c770d6a02515/1600x1200.jpg)

## Summary

Experience the Magic of Chromatic Discovery ColorRevealGallery is more than just a standard image grid; it is an artistic canvas that breathes life through user interaction.

## Description

## Experience the Magic of Chromatic Discovery

**ColorRevealGallery** is more than just a standard image grid; it is an artistic canvas that breathes life through user interaction. Each image is automatically analyzed upon upload to extract its **representative color**, transforming your gallery into a sophisticated mosaic of color tiles that reveal their true form only when explored.

### ✨ Key Features

-   **Infinite Interactive Canvas**: Provide a seamless browsing experience with an infinite-drag interface that flows boundlessly in every direction.
    
-   **Proximity Reveal Engine**: An immersive effect where images softly emerge from their color placeholders based on the real-time distance of the mouse cursor.
    
-   **Smart Color Extraction**: Maintain a perfect visual "tone and manner" as the component intelligently picks the core essence of your images without any manual setup.
    
-   **Dynamic Title Overlay**: Hover over an image to see its title appear with elegant transitions at your preferred position (Top or Bottom).
    

### 📱 Responsive & Touch Optimized

-   **Mobile & Tablet Ready**: Specially engineered for touch interfaces. While the desktop relies on cursor proximity, the mobile version is optimized for **touch-and-drag interactions**, ensuring a smooth "reveal" experience even on smaller screens.
    
-   **Fluid Adaptation**: The grid system and interaction radius naturally adapt to different breakpoints, maintaining high performance and visual impact across all devices.
    

### ⚙️ Customizable Properties

-   **Item Ratio**: Complete flexibility to choose between 1:1, 4:3, 3:4, or preserve the **Original** aspect ratio of your photography.
    
-   **Reveal Radius**: Fine-tune the "discovery" atmosphere by adjusting how far the cursor or touch influence reaches.
    
-   **Grid Gap & Width**: Sculpt your layout from a dense, mysterious mosaic to a spacious, airy gallery with ease.
    
-   **Title Style**: Fully customize typography, colors, padding, and shadows to align perfectly with your brand identity.
    

### 🚀 Best For...

-   **Creative Portfolios**: For designers and photographers who want to leave a powerful, artistic first impression.
    
-   **Brand Archives**: To showcase a brand’s history through a visually impactful and interactive timeline.
    
-   **Visual Storytelling**: Any web project where a standard grid feels too static and you want to add the **"joy of discovery"**.
    

Don't just show your work—let your audience discover it. Elevate your site with a unique user experience today using **ColorRevealGallery**!

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

-   All · #10096

## Details

- **Author**: Heyuhm
- **Price**: $12.00
- **Published**: 2026-05-14
- **Updated**: 2026-05-14
- **Added**: 2026-05-06
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery