Unfolding Words Menu

by Vanguardia · motionprompts.dev

Overlay menu where each link unfolds letter by letter: a frosted veil blurs the hero behind it (the photo also scales and softens), the index and first letter rise out of a mask, a thin light divider grows from its centre and the remaining letters slide in from the right while their container widens. Hovering a link shifts it sideways and dims the others, and the toggle flickers between Menu and Close.

Type: Web motion
Framework: GSAP
Trigger: click
Duration: 0.05–1s

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: power3
Complexity: 3/5
Pinned: no
Reduced motion: not handled
Libraries: gsap, SplitText

veil fade with hero blur, per-link masked rise, divider scaleY and width unfold with char stagger; hover shift and dim

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev9,098 charsCustomize

# Unfolding Words Menu — Frosted Veil & Letter-by-Letter Link Reveal

## Goal
Build a fullscreen overlay navigation where every link **unfolds letter by letter*…

The build prompt

More like this

A one-line prompt for an inference startup launch

UX Decision Explainer Animation

Motion Design Showreel Reaction Video

SaaS launch video for a product Opus picks

Product video for Distilbook

Squad.so SaaS Launch Video

Fresh recipes, every week.