Skip to content

component

Envelope Reveal

By Frames & Flow

Details

Summary

Envelope Reveal is a lightweight, envelope animation component for Framer.

Description

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

Introduction

Animated Letter Opener

Rank history

Daily rank per list, from the first snapshot โ€” lower is better.

110012001300132798/148/228/309/79/15
  • All ยท #2667