Envelope Reveal

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