VeilGate is a Framer code component that gates content behind a blur veil until the right password is entered, built for client previews, gated pages, and early access drops.
Set a password, choose what sits behind the veil, image, video, or your own live Framer content, and visitors see a soft blurred preview until they unlock it.
WHAT IT DOES Content behind VeilGate stays visibly blurred, giving visitors a teaser without fully revealing it. A clean password form sits centered on top. Enter the correct password and the blur fades away with a soft cubic ease transition.
KEY FEATURES
Three background modes: static image, looping video, or Stack slot for live Framer content
Adjustable blur intensity from a light veil to a heavy frost
Smooth cubic ease-out fade when unlocking, no jarring cuts
Video pauses automatically while locked and resumes on unlock, saving bandwidth
Custom heading text, shown or hidden per your preference
Full color and font controls for heading, input, and submit button
Inline error state when the wrong password is entered
Always-blurred in thumbnail view, so the canvas preview never leaks content
Zero third-party dependencies, single self-contained code component
No manual layout setup, drop it in and configure through property controls
HOW IT WORKS VeilGate checks the password directly in the browser. Fast and simple to set up, ideal for softly gating a page from search engines and casual visitors, not a substitute for real authentication on sensitive data.
PERFECT FOR Client work previews, early access landing pages, gated portfolio pieces, invite-only drops, and any Framer page that wants a stylish "coming soon" veil instead of a blank locked screen.
WHAT'S INCLUDED A single drop-in Framer code component. Set your password, pick a background mode, and style the form to match your brand through property controls. No coding required.
VeilGate is a Framer code component that gates content behind a blur veil until the right password is entered, built for client previews, gated pages, and early access drops.
Set a password, choose what sits behind the veil, image, video, or your own live Framer content, and visitors see a soft blurred preview until they unlock it.
WHAT IT DOES Content behind VeilGate stays visibly blurred, giving visitors a teaser without fully revealing it. A clean password form sits centered on top. Enter the correct password and the blur fades away with a soft cubic ease transition.
KEY FEATURES
Three background modes: static image, looping video, or Stack slot for live Framer content
Adjustable blur intensity from a light veil to a heavy frost
Smooth cubic ease-out fade when unlocking, no jarring cuts
Video pauses automatically while locked and resumes on unlock, saving bandwidth
Custom heading text, shown or hidden per your preference
Full color and font controls for heading, input, and submit button
Inline error state when the wrong password is entered
Always-blurred in thumbnail view, so the canvas preview never leaks content
Zero third-party dependencies, single self-contained code component
No manual layout setup, drop it in and configure through property controls
HOW IT WORKS VeilGate checks the password directly in the browser. Fast and simple to set up, ideal for softly gating a page from search engines and casual visitors, not a substitute for real authentication on sensitive data.
PERFECT FOR Client work previews, early access landing pages, gated portfolio pieces, invite-only drops, and any Framer page that wants a stylish "coming soon" veil instead of a blank locked screen.
WHAT'S INCLUDED A single drop-in Framer code component. Set your password, pick a background mode, and style the form to match your brand through property controls. No coding required.
Hamim Reza
