Preloader

Norrwood Landing Page Reveal

by Vanguardia · motionprompts.dev

An on-load hero intro for the Norrwood furniture atelier where a single paused GSAP timeline orchestrates the whole reveal: two giant 'NORR / WOOD' word-marks slide up letter-by-letter with a staggered mask, spread apart and scale up, while the center product image un-clips from its center point and scales to full size; the surrounding side images then wipe open via clip-path stagger, the headline drops to the bottom, product captions slide up, and the nav drops in. Runs once on DOMContentLoaded after a 0.5s delay using power3.out.

Type: Web motion
Framework: GSAP
Trigger: load
Duration: 0.25–1s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: power3
Complexity: 1/5
Pinned: no
Reduced motion: not handled
Libraries: gsap

one-shot staggered clip-path and wordmark load reveal

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev20,831 chars

# Landing Page Reveal — Giant Word-Mark + Clip-Path Product Grid Unmask

## Goal
Build a full-screen editorial furniture landing hero with an **on-load reveal**…

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.