---
title: "Portfolio Reveal Hero | FramerHub"
canonical_url: "https://framerhub.io/components/portfolio-reveal-hero"
last_updated: "2026-06-15T14:46:28.402Z"
meta:
  description: "Mesmerizing organic blob-mask reveal between two images. Premium Framer component for client sites, portfolios, and product pages."
  "og:description": "Mesmerizing organic blob-mask reveal between two images. Premium Framer component for client sites, portfolios, and product pages."
  "og:title": "Portfolio Reveal Hero | FramerHub"
---

# **Portfolio Reveal Hero **

Mesmerizing organic blob-mask reveal between two images.

One-time payment

Lifetime updates

Commercial license

## **Overview** Mesmerizing organic blob-mask reveal between two images. - WebGL-powered organic blob mask - Seamless image transitions - Fully customizable styles ## Title/Headline A compelling introduction description for Portfolio Reveal Hero. Allow users to magically wipe away one image to reveal another underneath using organic, physics-based liquid blobs. ## Features**Organic Masking** High performance WebGL shaders render a beautiful noisy blob cursor mask.**Auto-Optimization** Intelligently downscales quality on mobile or low-end devices to maintain steady 60fps. ## Use Cases**Before & After** — Perfect for showing edits, color changes, or transformations.**Hidden Surprises** — Reveal a totally different context or easter egg behind a professional headshot.![Portfolio Reveal Hero Preview](https://framerhub.io/framerhub/img/components/control/portfolio-reveal-hero.jpg) ## How to Use ### Installation**VIDEO PLACEHOLDER: Installation Tutorial**1. Log in to your account at framerhub.io 2. Navigate to framerhub.io/dashboard 3. Find Portfolio Reveal Hero in your Recent Purchases 4. Click the "Copy" button 5. Open your Framer project 6. Paste the component anywhere on your canvas (Cmd/Ctrl + V) ### Customization Easily swap out images and control the blob dynamics.**Images & Layout**- Base Image - Reveal Image - Image Fit**Dynamics**- Blob Radius - Blob Fade ### Quick Tips**Best Performance** — Keep the Quality setting on "Auto" to ensure all of your visitors have a smooth experience regardless of their hardware.**Image Proportions** — Upload images with the same exact aspect ratio to prevent jarring jumps when interacting. ## License**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client. ## Refund Policy Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns! ## Why Designers Love This It turns a static boring photo into a delightful, fluid interaction that captures users' attention. ### **Portfolio Reveal Hero - $9** Mesmerizing organic blob-mask reveal between two images.**One-Time Payment****Lifetime Access****Unlimited sites**### **You might also like** Why Choose Framer Hub Components ## **Loved by Framer teams** Used by Framer professionals who need premium, no-code experiences. Got questions? We've the answers ## **Got questions? We've the answers ** Everything you need to know about FramerHub.