Image and mask reveal examples
40 image and mask reveals from live websites, each credited to its source.
A reveal uncovers an image through a moving shape instead of fading it in, so the shape itself can say something about the brand. Most of these animate a clip-path or a mask, and they look best when the shape and the timing are specific to the site.
- Try
The highest rated of 40 from 16 different sites, including therechabite.com.au, monument.tv, jedbridges.com and productionportugal.com.
- 0:04
Page transition through spinning venue shapes
therechabite.com.au
- 0:04
Landscape photo rises as a mountain-peak clip-path over the dimming page on scroll
monument.tv
- 0:09
Liquid flood that opens an about panel
jedbridges.com
- 0:04
Next-project thumbnail with halftone hover and iris video reveal through shifting duotones
productionportugal.com
- 0:05
Title block intro that collapses into the nav logo over a recolouring collage
stateofaidesign.com
- 0:02
Grid gallery with organic mask reveal
adg-fad.org
- 0:10
Text-hover image reveal with color blocks
midsummer-studio.com
- 0:08
Typographic navigation with central image hover
fellsandes.com
- 0:07
Organic blob navigation with morphing transitions
espacecanevas.com
- 0:07
Scroll-driven sideways page turns between pinned editorial sections
agnestoth.com
- 0:05
Illustration that wipes away on scroll to reveal the photo it was drawn from
bar-topas.ch
- 0:09
Hero photo rail that opens each render from a centre slit on hover
onsene.com
- 0:05
Page transition with sliding 'from TO to' page names on a black wipe
cyphr.studio
- 0:08
Header pill that grows into a full menu panel over a video hero
propagandafirm.com
- 0:09
Full-bleed photo that clips down into the first project card on scroll
pda.archi
- 0:07
Topographic preloader wiping into a hero that draws its contour lines
abatable.com
24 more image and mask reveals
Describe what you're after and the library finds it, by look or by what it does. Save the ones you want to a board, then hand the board to your AI tools when it's time to build.
Search all 40 image and mask revealsNo card needed to create an account.
Questions
What are good examples of image and mask reveals?
Three of the highest rated in the library: Page transition through spinning venue shapes (therechabite.com.au); Landscape photo rises as a mountain-peak clip-path over the dimming page on scroll (monument.tv); Liquid flood that opens an about panel (jedbridges.com). The rest of this page shows more, each credited to its source.
Where can I find more image and mask reveals?
This page shows 16 of the 40, chosen from different sites. The rest are in the save.design library. An account lets you open them, search by what they look like or do, and save them to a board. Search shows a preview of the results until you're on Individual, at $12 a month or $10 billed yearly, which has the whole library.
Are these from real websites?
Yes. Each one was recorded from a live site and credited to it. With an account, you can open one to see it in full, along with similar elements and a link to the site.
Check any site with the website analyzer in a save.design account, where a new account includes 10 analyses. Save what you like to a board, then hand it to Claude, Cursor or your other AI tools over MCP when it's time to build.