Envelope Reveal is a lightweight, envelope animation component for Framer. Drop it on your canvas, add any content to the built-in slot (forms, images, text, CMS, etc.), and let visitors "open" a letter to reveal what's inside.
How it works
The envelope sits closed on your page. When triggered, the top flap folds back in 3D, and the inner letter slides up and out — perfect for newsletter signups, event invites, limited offers, or any reveal moment.
👉 Try the live interactive demo here
Key features
3 open triggers — On Click, On Page Load, or On Scroll Into View
Universal content slot — Drop in forms, images, text stacks, CMS collections, or any Framer component
Auto-fit content — Oversized content automatically scales down to fit the letter area
Optional badge/logo — Add a brand mark or seal to the flap
Reset on scroll — Envelope closes when scrolled out of view, ready to reopen
Fully customizable — Control colors, radius, shadow intensity, padding, animation speed, and button styling
Use it for
Email capture forms inside a "personal invitation"
Product launch teasers
Workshop or webinar signups
Gift card or promo code reveals
Portfolio case study previews
Envelope Reveal is a lightweight, envelope animation component for Framer. Drop it on your canvas, add any content to the built-in slot (forms, images, text, CMS, etc.), and let visitors "open" a letter to reveal what's inside.
How it works
The envelope sits closed on your page. When triggered, the top flap folds back in 3D, and the inner letter slides up and out — perfect for newsletter signups, event invites, limited offers, or any reveal moment.
👉 Try the live interactive demo here
Key features
3 open triggers — On Click, On Page Load, or On Scroll Into View
Universal content slot — Drop in forms, images, text stacks, CMS collections, or any Framer component
Auto-fit content — Oversized content automatically scales down to fit the letter area
Optional badge/logo — Add a brand mark or seal to the flap
Reset on scroll — Envelope closes when scrolled out of view, ready to reopen
Fully customizable — Control colors, radius, shadow intensity, padding, animation speed, and button styling
Use it for
Email capture forms inside a "personal invitation"
Product launch teasers
Workshop or webinar signups
Gift card or promo code reveals
Portfolio case study previews
