---
title: "Wipe Gallery Menu — Free Framer component · Best of Framer"
description: "Free Framer component · by Russet Supply · Navigation. Full-bleed image menu"
canonical: "https://framer.elliotli.dev/component/wipe-gallery-menu"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Wipe Gallery Menu

# Wipe Gallery Menu

Full-bleed image menu

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

![Wipe Gallery Menu preview image 1](https://framer.elliotli.dev/og/component/wipe-gallery-menu/a469bdafa939b0a8/1600x1200.jpg)

## Summary

Full-bleed image menu

## Description

[Live Preview](https://wipegallerymenu.framer.website/)

[Grab more components for Free](https://www.framer.com/@design-by-saqlain/)

Cinematic Wipe Menu is an immersive full-screen navigation component that reveals a different background image as users interact with each menu item. Each transition combines a **directional wipe** with a **subtle zoom** effect for a cinematic, polished experience.

### Features

-   Full-bleed background images for every menu item
    
-   Smooth directional wipe transitions
    
-   Subtle image zoom effect during transitions
    
-   **Hover or click interaction**
    
-   Left, center, or right **horizontal alignment**
    
-   Top, center, or bottom **vertical alignment**
    
-   Customizable item spacing and padding
    
-   Optional links for every item
    
-   Optional item counter
    
-   Separate active and inactive colors
    
-   Adjustable **inactive opacity**
    
-   Fully responsive Framer component
    

### Fully Customizable

Built entirely for Framer with flexible property controls, so you can adapt the menu to match your website without touching the code.

### Customize

-   Add, remove, and reorder menu items
    
-   Set a custom image for every item
    
-   Add an optional link to each item
    
-   Choose left, center, or right alignment
    
-   Choose top, center, or bottom positioning
    
-   Adjust typography, colors, opacity, spacing, and padding
    
-   Customize the transition and animation timing
    
-   Show or hide the item counter
    
-   Adjust the background and overlay opacity
    

### How It Works

Hover over an item on desktop to instantly reveal its corresponding image with a directional wipe and subtle zoom. For touch devices, use click interaction so users can tap an item to change the active image. Each item can also have its own optional link, making the menu work as both a visual navigation and project showcase. The interaction mode can be switched between Hover and Click from the property panel.

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

-   All · #2720

## Details

- **Author**: Russet Supply
- **Published**: 2026-09-01
- **Updated**: 2026-09-01
- **Added**: 2026-09-01
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation