Preloader

TrueKind Landing Page Reveal

by Vanguardia · motionprompts.dev

A preloader-to-hero landing reveal driven by a single GSAP timeline with a custom 'hop' ease: a two-digit counter rolls through milestone numbers (00, 27, 65, 98, 99) with a staggered vertical roll, the 'KindRoot' logo words slide together, a vertical divider scales up and fades, then two dark blocks wipe upward via clip-path while the background hero image scales from 1.5 to 1 and the nav, masked headline lines, paragraph and CTA pill slide and scale into place. Plays automatically once on page load.

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

Save with a free account Customize for your product

Live demo ↗

Motion spec · measured by motionprompts.dev

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

Autoplay one-shot preloader: five 2-digit counter pairs roll up and out on a 1s-per-index cadence (0.075s per-digit stagger), all driven by a single CustomEase "hop" = cubic-bezier(0.9, 0, 0.1, 1) — an extreme symmetric ease-in-out that holds still, snaps through the middle, then settles, so every move reads as a hard mechanical flick rather than an organic curve. The counter hands off to a vertical divider that scaleY-wipes down from the top, a two-panel clip-path curtain that lifts the .block overlay, and a slow 2s scale 1.5->1 push-out of the hero image on the same hop curve, with nav/headline/CTA sliding up beneath on 1.5s tweens. No scroll input, no rAF, no physics — a fixed-length ~9s scripted sequence.

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev17,203 charsCustomize

# Skincare Landing Page Reveal — counter preloader into full-bleed hero

## Goal

Build a full-page preloader-to-hero reveal for a natural skincare brand landin…

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.