Click the envelope to open it

Controls

variant

color

paper

ink

seal

accent

sealLabel

trigger

defaultOpen

durationx

widthpx

radiuspx

Envelope Reveal

A sealed envelope that opens on click, hover or scroll: the seal pops, the flap swings open and the letter slides out and unfolds.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/envelope-reveal

import { Envelope } from "@/components/envelope"

export function Demo() {
  return (
    <Envelope sealLabel="M&J">
      <p>You're invited.</p>
    </Envelope>
  )
}

Updates live as you change the controls. Only non-default props are included.