---
title: "Media Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by sherwin · Galleries. The Media Reveal component is a feature-rich, animated media container designed for Framer."
canonical: "https://framer.elliotli.dev/component/media-reveal"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Media Reveal

# Media Reveal

Image Video Reveal

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

![Media Reveal preview image 1](https://framer.elliotli.dev/og/component/media-reveal/a7e16fbdd0108f41/1600x1200.jpg)

## Summary

The Media Reveal component is a feature-rich, animated media container designed for Framer.

## Description

The **Media Reveal** component is a feature-rich, animated media container designed for Framer. It allows you to display an image or video with overlay content (title, subtitle, description, and button) that reveals itself when it enters the viewport.

### Key Features

-   **Flexible Media Support**: Choose between image or video.
    
-   **Sophisticated Reveal Animations**: A wide variety of entrance effects are available, including curtain, various wipes, slices, circular reveal, pixelated dissolve, blur, and venetian blinds.
    
-   **Customizable Content Positioning**: Place content over the media (using a 3x3 grid) or outside the media container (top, bottom, left, or right).
    
-   **Content Ordering**: Easily reorder elements (subtitle, title, description, button) within the component.
    
-   **Granular Typography Control**: Extendable font controls for the title, subtitle, description, and button, including settings for size, weight, letter spacing, and line height.
    
-   **Interactive Call-to-Action (CTA)**: A highly interactive, animated button with customizable styles (filled, outline, ghost), hover states, and link configuration.
    
-   **Responsive Layout & Styling**: Full control over margins, padding, border radius, overlay opacity, and color palettes.
    

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

-   All · #5282

## Details

- **Author**: sherwin
- **Published**: 2026-06-29
- **Updated**: 2026-09-26
- **Added**: 2026-06-29
- **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.