Progressive Morph
Horizontal bands dissolve progressively from top to bottom while the incoming section slides in from the right. A pulsing outline frame marks the morphing boundary.
Landing pages
Hero-led storytelling
Product reveals
Section-to-section handoffs
Editorial UI
Cinematic motion language
Description
Why this transition stands out
Horizontal bands dissolve progressively from top to bottom while the incoming section slides in from the right. A pulsing outline frame marks the morphing boundary.
When to use it
Hero reveals, product launches, and section handoffs
Motion profile
Smooth, cinematic, and built for premium storytelling