---
title: "Lens Gallery — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ahmet Loca · Galleries. Lens Gallery A gallery where images come alive the moment you look at them."
canonical: "https://framer.elliotli.dev/component/lens-gallery"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Lens Gallery

# Lens Gallery

Interactive Image Gallery

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

![Lens Gallery preview image 1](https://framer.elliotli.dev/og/component/lens-gallery/59f6c92637c74ff1/1600x1200.jpg)

## Summary

Lens Gallery A gallery where images come alive the moment you look at them.

## 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)

## **About Lens Gallery**

A gallery where images come alive the moment you look at them. LensGallery starts every photo in grayscale — hover over any card and it expands, reveals full color, and tilts toward your cursor with a subtle 3D effect. Neighbors shift to medium size, keeping a natural visual hierarchy without any configuration.

Built for teams, portfolios, and brands that want their gallery to feel like an experience, not just a grid.

**Features**

-   Grayscale to full color reveal on hover
    
-   Hovered image scales to XL, neighbors shift to medium
    
-   3D tilt effect — cards lean toward the cursor
    
-   Inner parallax — image shifts inside the card with mouse
    
-   5 transition styles: Smooth, Spring, Bounce, Snap, Linear
    
-   Click to open modal with title & description
    
-   Hover title reveal
    
-   Touch & mobile optimized — tap to expand, tap again to open
    
-   Horizontal & vertical orientation
    
-   Square, portrait and landscape aspect ratio
    
-   Up to 6 cards, configurable
    
-   Demo mode for live presentations
    
-   No external dependencies
    

**Property Controls**

**Content** — up to 6 images with title and description per card

**Sizing** — default size, hovered size, adjacent size fully configurable

**Animation** — 5 transition styles with easing control

**Layout** — orientation, aspect ratio, gap, card radius, background color

**Interaction** — color reveal, tilt, parallax, click icon, modal on/off

**Perfect for**

-   Team introductions and about pages
    
-   Portfolio and case study highlights
    
-   Product and lookbook showcases
    
-   Agency and studio websites
    
-   Photography collections
    
-   Brand campaign landing pages
    

**SEO Keywords**

framer lens gallery · color reveal gallery · framer hover image gallery · framer grayscale to color · interactive gallery · image hover effect · team showcase · portfolio component · framer 3d tilt gallery · focus effect · photo gallery · image reveal · gallery component

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

-   All · #5116

## Details

- **Author**: Ahmet Loca
- **Price**: $5.00
- **Published**: 2026-06-26
- **Updated**: 2026-09-29
- **Added**: 2026-06-26
- **Categories**: Galleries

## More like this

-   [Geometry CMS Gallery](/component/geometry-cms-gallery) — Akshay M · $20 — Scroll-Animated Portfolio Gallery
-   [Fluid InfiniteScroll](/component/fluid-infinitescroll) — Atemo Art · $16 — LIQUID / PRISM Gallery
-   [Isometric Gallery](/component/isometric-gallery) — Edi Priatama · $5 — 3D image gallery
-   [HoverExpand Gallery](/component/hoverexpand-gallery) — piyush vichare · $2 — HoverExpand Gallery is a modern Framer component for creating interactive image galleries with smooth hover expansion.