Page preloader
An intro screen that plays while the page assets load — often branded before content reveals.
What you're seeing
Before the site appears, a full-screen intro plays — a logo animation, a counter — then resolves.
Where you'll see it
Agency sites, portfolio sites, immersive experiences.
Difficulty
Medium — 3/5
Libraries that build it
GSAPMotioncustom JS
From the toolbox
Ready to prompt — paste this into your AI coding tool
"Show preloader overlay, animate counter 0–100 with GSAP, on complete animate out with clip-path or scale"Seen in the wild
Salesforce's AI Trust MapEnterprise AI guardrails explained as an illustrated space map — a rocket preloader drops you into a hand-drawn galaxy where five risk zones open as spaceship-cockpit consoles.→Bruno SimonA drivable 3D world as a portfolio — rebuilt on the Three.js WebGPU renderer with physics, multiplayer, and an original score.→100 Lost SpeciesA digital memorial for extinct species — a journey through darkness built from drifting fragments.→Max Mara — The Jacket CircleA fashion house teaches its own vocabulary — the "Jacket Dictionary" — through slow, serif-heavy staggered type and a playable circle game.→ThorgalA 45-year comic saga becomes an explorable world — Rosinski’s art split into parallax layers you walk into, doorway by doorway.→Explore PrimlandA luxury resort sold as a 3D landscape — an immersive Blue Ridge Mountains map you fly through instead of a brochure you scroll past.→DigilabA studio intro that grows like a botanical engraving — etched flora blooming in around the wordmark, with sound.→Of/Horse — The ExhibitionEquine arena science hung like art — a chaptered WebGL exhibition room where scroll walks you past framed studies of impact, cushioning, grip, and every other force under a stride.→Active TheoryThe Venice studio that set the bar for WebGL agencies — v5 of their site flies you through environments from their own history, with cursor trails networked live between everyone currently visiting.→MessengerA 15-minute browser game you can finish over coffee — deliver letters across a tiny living planet you can walk clear around, no invisible walls, built to hold thousands of visitors at once.→