Preloader

Nite Riot Landing Page Reveal

by Vanguardia · motionprompts.dev

Autoplay landing-page intro: a black overlay reveals a gradient-fill logo and staggered project/location lists, then a centered 3x3 image grid clips open and rapidly cycles through random fashion photos. The outer cells clip away and the central hero image scales up (clip-path zoom) while two banner images pop and rotate outward, the nav drops in, and masked SplitType word reveals push in the intro copy and title. Runs on DOMContentLoaded via three parallel GSAP timelines with a custom 'hop' CustomEase.

Type: Web motion
Framework: GSAP
Trigger: load
Duration: 0.15–1.5s

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Easing: custom
Complexity: 2/5
Pinned: no
Reduced motion: not handled
Libraries: gsap, CustomEase, SplitType

timed preloader: clip-path grid reveal into hero

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev22,389 chars

# Landing Page Reveal — Grid Shuffle to Hero Zoom Intro

## Goal

Build an autoplay landing-page intro (runs once on page load, no scroll): a full-screen black…

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.