Portfolio Reveal Hero
Mesmerizing organic blob-mask reveal between two images.
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.
How to Use
Installation
VIDEO PLACEHOLDER: Installation Tutorial
- Log in to your account at framerhub.io
- Navigate to framerhub.io/dashboard
- Find Portfolio Reveal Hero in your Recent Purchases
- Click the "Copy" button
- Open your Framer project
- 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.
You might also like
Why Choose Framer Hub Components
Loved by Framer teams
Used by Framer professionals who need premium, no-code experiences.
"The Best Framer CMS Filtering Plugin I've Found — Truly a Game-Changer. I've tested a lot of Framer CMS filtering and sorting components — both free and paid — and this is by far the best one I've come across."
"He really helped me out when I needed assistance adding it to my Framer project. Super fast customer support highly recommend!"
"We had tried a couple of other Framer CMS filter components but they were buggy, hard to use and support was slow or non-existent. FramerCMSFilter is easier to use and has a lot of added functionality."
Got questions? We've the answers
Got questions? We've the answers
Everything you need to know about FramerHub.