Paper Tear
The viewport rips apart along a jagged horizontal edge. Upper and lower halves separate with counter-rotation, revealing the incoming section behind the torn pages.
Landing pages
Hero-led storytelling
Product reveals
Section-to-section handoffs
Editorial UI
Cinematic motion language
Description
Why this transition stands out
The viewport rips apart along a jagged horizontal edge. Upper and lower halves separate with counter-rotation, revealing the incoming section behind the torn pages.
When to use it
Hero reveals, product launches, and section handoffs
Motion profile
Smooth, cinematic, and built for premium storytelling