Shatter Transition
The viewport fractures into 20+ irregular shards that explode outward from the centre with physics-inspired stagger, revealing the incoming section beneath.
Landing pages
Hero-led storytelling
Product reveals
Section-to-section handoffs
Editorial UI
Cinematic motion language
Description
Why this transition stands out
The viewport fractures into 20+ irregular shards that explode outward from the centre with physics-inspired stagger, revealing the incoming section beneath.
When to use it
Hero reveals, product launches, and section handoffs
Motion profile
Smooth, cinematic, and built for premium storytelling