Envelope Window

ui

An OAuth-style consent screen built as a physical envelope: the user's real account data sits on a sheet underneath, and each granted scope die-cuts a window through an opaque envelope layer so what the app can see is literally what shows through.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/envelope-window.json"

Sign In

Envelope Window

ui

An OAuth-style consent screen built as a physical envelope: the user's real account data sits on a sheet underneath, and each granted scope die-cuts a window through an opaque envelope layer so what the app can see is literally what shows through.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/envelope-window.json"

components/ui/envelope-window.tsx