---
title: "MediaLightbox — Framer component · Best of Framer"
description: "$10.00 · Framer component · by CraftHub · Interactive. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/medialightbox"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/MediaLightbox

# MediaLightbox

MediaLightbox

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

![MediaLightbox preview image 1](https://framer.elliotli.dev/og/component/medialightbox/6f962e70089f0146/1600x1200.jpg)

## Summary

MediaLightbox

## Description

A flexible and responsive media component that lets you showcase images or videos with an elegant lightbox experience. Easily switch between image and video modes, customize appearance, and provide an immersive viewing experience across all devices.Preview : [https://purple-cogwheel-980240.framer.app/](https://purple-cogwheel-980240.framer.app/)

### Key Features

-   Fully Responsive Design
    
-   Image & Video Support
    
-   Lightbox Modal Preview
    
-   Customizable Border Radius
    
-   Easy Media Upload & Management
    

### Image Mode

-   Upload Image
    
-   Responsive Image Display
    
-   Adjustable Image Position
    
-   Custom Border Radius
    
-   Click to Open Lightbox
    
    ![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4h1beplf-3pzq41FHIAUWaWkTfRdU8yFpD07kp2)

### Video Mode

-   Responsive Video Player
    
-   Upload Video File or Use YouTube URL
    
-   Auto Loop Playback
    
-   Custom Border Radius
    
-   Click to Open Lightbox with Audio Support
    
    ![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4h1beplf-Rrq90pVDfVpdP0X1iqvYWZ3nUsAL8r)

**Perfect for portfolios, case studies, product showcases, galleries, and creative websites.**

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

-   All · #8002

## Details

- **Author**: CraftHub
- **Price**: $10.00
- **Published**: 2026-06-07
- **Updated**: 2026-06-07
- **Added**: 2026-06-01
- **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