---
title: "Long Image Viewer — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Puskal Kafle · Interactive. Long Image Viewer makes it easy to showcase long or detailed visuals on your Framer site."
canonical: "https://framer.elliotli.dev/component/long-image-viewer"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Long Image Viewer

# Long Image Viewer

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

![Long Image Viewer preview image 1](https://framer.elliotli.dev/og/component/long-image-viewer/1b80bb66aa8c5e0e/1600x1200.jpg)

## Summary

Long Image Viewer makes it easy to showcase long or detailed visuals on your Framer site.

## Description

**Long Image Viewer** makes it easy to showcase long or detailed visuals on your Framer site. It works well for mobile app screens, UI flows, web layouts, or any graphic that needs zooming without losing clarity.

Features

-   Two-step zoom similar to Behance: preview, then full-size scroll
    
-   Dark overlay mode for focused viewing
    
-   ESC key and close button support
    
-   Adjustable crop alignment (top, center, bottom)
    
-   Multiple image fit options: fill, cover, contain, none, scale down
    
-   Body scroll lock to keep users centered on the content
    

Ideal for

-   UI/UX portfolios
    
-   Design case studies
    
-   Long infographics or concept art
    

Perfect for designers who want to present detailed work in a clean, controlled, and readable way.

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

-   All · #10297

## Details

- **Author**: Puskal Kafle
- **Price**: $5.00
- **Published**: 2025-11-21
- **Updated**: 2026-01-05
- **Added**: 2025-11-19
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase