---
title: "Lumise — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Hamim Reza · Galleries. Stacked image gallery with color reveal"
canonical: "https://framer.elliotli.dev/component/lumise"
---

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

# Lumise

Stacked image gallery with color reveal

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

![Lumise preview image 1](https://framer.elliotli.dev/og/component/lumise/da1874f4f37bfec9/1600x1200.jpg)

## Summary

Stacked image gallery with color reveal

## Description

A stacked image gallery where photos start in black and white and reveal full color on hover. The hovered image scales to XL while neighbors shift to large — creating a natural focus hierarchy. Built for team showcases, portfolios, and storytelling sections that need to feel alive.

## Features

-   Black and white to full color reveal on hover
    
-   Hovered image scales to XL size smoothly
    
-   Neighboring images scale to large for a natural hierarchy
    
-   Non-hovered images stay grayscale for visual depth and focus
    
-   Smooth stacked layout with configurable sizing
    
-   Responsive — desktop, tablet and mobile optimized
    
-   Easy image swap, size, color and transition customization
    
-   No external dependencies
    

## Property Controls

**Content** — image array with swap support

**Sizing** — XL hover size, large neighbor size, default size

**Animation** — transition speed, scale easing, color reveal timing

**Colors** — grayscale filter intensity, background color

## Technical Details

-   CSS filter for grayscale to color transition
    
-   CSS transform scale for three-tier size hierarchy
    
-   React useState for hover index tracking
    
-   Neighbor detection for large scale assignment
    
-   Responsive breakpoints for all screen sizes
    
-   Smooth transitions via CSS cubic-bezier easing
    

## Use Cases

Team introductions · Portfolio highlights · Product showcases · Agency websites · Landing page storytelling · Photography collections · Brand campaigns

**SEO Keywords**

framer stacked gallery · framer hover effect · framer color reveal · framer image gallery · framer interactive gallery · framer grayscale hover · framer team showcase · framer portfolio component · framer image hover · framer focus effect · framer photo stack · framer gallery component · framer image reveal · framer code component · framer photography grid

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

-   All · #9619

## Details

- **Author**: Hamim Reza
- **Price**: $10.00
- **Published**: 2025-08-27
- **Updated**: 2026-04-16
- **Added**: 2025-08-10
- **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