The library
Animated hero section templates
A hero section is the only part of a landing page every visitor sees. It gets a few seconds to say what the product is and why it is worth reading further, and most of them waste it — a centered headline, a screenshot, a gradient, and nothing that would look out of place on a competitor's site.
Every template here is a scroll-driven hero built around motion rather than a static image, for a specific kind of product: analytics platforms, focus apps, AI builders, security tools, design studios. Each comes with the prompt that generates it, so you can paste it into Claude, Cursor or v0 and get working code rather than a screenshot to copy by hand.
61 templates in the library, 0 of them free.
- Premium
Nymera
Landing Page
A jellyfish drifting behind glass cards in deep violet, the numbers that matter floating over it — an agency page that leads with texture instead of a stock photograph of an office.
- Premium
Fluxora
Landing Page
Amber light raking across a visor, a headline that breaks to italic serif on the word doing the work, and the proof stacked underneath it — an agency page arguing for people over machines.
- Premium
Halcyon
Landing Page
A figure drifting up through panes of coloured light over night mountains, deep blue giving way to amber. The copy stays quiet and lets the background carry the argument.
- Premium
Spacesis
Landing Page
An astronaut suspended in drifting smoke, shot almost monochrome, with the headline held left and a poster-sized date block closing the fold — a launch page for a series rather than a product.
- Premium
Billet
3D Website
A machined titanium card turning above black water, lit by an eclipse on the horizon — the surface reads the pointer, so the reflection moves with the reader rather than looping past them.
- Premium
Noctis
3D Website
Ribbons of graded light drifting behind a Didone headline, for a colour product that has to prove it can grade before it asks for an email. Waitlist capture built into the fold.
- Premium
Bottle
3D Website
Acid-green display type the size of the frame with a bottle turning slowly through the letters — a product hero for labels that would rather be shouted than whispered.
- Premium
Abyssal
3D Website
Bioluminescent drift falls through water that has never seen daylight, a depth counter ticking past two hundred metres — built for brands working somewhere nobody else has looked.
- Premium
Astera
3D Website
Loose stars drift and settle until the spiral resolves into one constellation — for brands whose whole pitch is turning scattered signal into a figure you can navigate by.
- Premium
Meristem
3D Website
A wireframe leaf draws itself vein by vein in the gap between ROOT and REACH — a hero for studios that build the structure first and let everything else grow onto it.
- Premium
Synapse
3D Website
A violet field of ambient intelligence with a live session assembling itself mid-frame — built for products that answer before anyone has finished asking.
- Premium
Halide
3D Website
Ninety thousand grains of light bloom into a single anemone of green and violet and hold there, breathing — a hero for studios that would rather show the render than describe it.
- Premium
Zephyr
Hero Section
Playfair italic cutting through DM Sans over sage haze, with a four-step onboarding rail across the floor — proof, promise and path in one screen.
- Premium
Willow
Hero Section
One amber phrase inside enormous thin Jost, a hairline rule and a scroll cue — the quietest hero here, and the one that trusts its footage most.
- Premium
Twilight
Hero Section
Lime chips pinned across a dusk-lit room, a seat gauge counting down and a floating tour card — the busiest, most product-like hero in the library.
- Premium
Tundra
Hero Section
Warm cream type over cold ground, a demo pill in the middle of the navbar and a forest-green core mark — infrastructure that reads as reassuring rather than technical.
- Premium
Tide
Hero Section
Hairline rules and uppercase tracking over deep green water — a marketing-platform hero built like a broadsheet, calm enough to read and cold enough to trust.
- Premium
Aethera
Landing Page
Two hands reach through a shaft of gold and never quite touch, the headline set in light mono above them — a hero for anyone selling something closer to a feeling than a feature.
- Premium
Arbor
Landing Page
A gold-leaved tree alone in a hazy valley under paper-white type, the veil lifting so nothing about the light is dimmed — the rare hero that works in daylight.
- Premium
Glowinn
Landing Page
Light falls through a forest floor of moss and wildflowers, mossy glass cards resting along the bottom edge — a hero for beauty brands that would rather whisper.
- Premium
Meridian
Landing Page
Golden hour over a painted valley, the headline dropped to half-presence on its second line — a hero for software that wants to feel like somewhere rather than something.
- Premium
Monoio
Landing Page
An aurora tears across the right of a near-black frame while an astronaut stands in the water below, the copy split top and bottom around the void — a hero for tools that take themselves seriously.
- Premium
Nocturne
Landing Page
A full moon over a lit cottage and a road going somewhere, every surface rebuilt in cold navy glass — a hero for products people open after dark.
- Premium
RedNova
Landing Page
An eclipse burns over a burnt-orange dune while a lone figure holds the ridgeline, italic serif cutting across the sand — a hero for brands selling automation with some swagger.
- Premium
Hourglass
3D Website
Molten gold sand suspends itself into an hourglass, grain by grain, in a frame that never quite lets it fall — a hero for brands built around time, craft, or things worth waiting for.
- Premium
Camera
3D Website
An exploded-view camera drifts apart in cold studio light, every lens and shutter plate suspended mid-thought — a hero for brands that sell precision, not just gear.
- Premium
Mirage
Hero Section
A gilded doorway opens onto a sky on fire, stacked cards drifting past like proof of what's inside — a hero for brands that deal in growth.
- Premium
Helix
Hero Section
A double helix turns slowly through the dark, equal parts biology and blueprint — a hero for brands built on precision.
- Premium
Verdant
Hero Section
Low green light wraps around the frame like gear built for the field, not the showroom — a hero for brands that mean business.
- Premium
Brimstone
Hero Section
Towering gates part in red smoke and firelight, motion heavy enough to feel like a warning — a hero for brands that want to be remembered, not just noticed.
- Premium
Cinder
Hero Section
Amber light catches the edge of a masked figure as bold type burns through behind them — a hero for studios that treat design like craft, not decoration.
- Premium
Clover
Hero Section
A soft, wide-eyed companion wanders through dappled forest light — a hero for brands that want to feel like an invitation outdoors.
- Premium
Cortex
Hero Section
Data pulses through a glowing neural interface as the frame turns, equal parts diagnostic and dream — a hero for brands mapping what's happening inside the machine.
- Premium
Ridge
Hero Section
Motion rises and falls like a distant skyline — a hero for brands with real scale behind them.
- Premium
Obsidia
Hero Section
Dark, glassy motion with hidden depth — a hero built for brands that reveal themselves slowly.
- Premium
Kage
Hero Section
Motion moves like light through a shifting silhouette — a hero with a little mystery held in reserve.
- Premium
House
Hero Section
Warm, architectural motion with the quiet confidence of somewhere built to last — a hero for brands putting down roots.
- Premium
Aperture
Hero Section
The frame opens like a lens finding focus — a hero built for the exact moment clarity arrives.
- Premium
Anchor
Hero Section
Steady, grounded motion — built for brands that want to feel like the fixed point everyone else moves around.
- Premium
Aether
Hero Section
A weightless shimmer fills the frame, like something more felt than seen — a hero for brands that deal in ideas, not objects.
- Premium
Prairie
Hero Section
Wide, open motion with room to breathe — a hero for brands that don't need to shout to be seen.
- Premium
Portal
Hero Section
A doorway of light opens at the center of the frame — built for the moment right before something new begins.
- Premium
Orchid
Hero Section
Delicate, unfolding motion with a single striking bloom of color — a hero for brands with quiet confidence.
- Premium
Oasis
Hero Section
A pocket of light and calm in the middle of the noise — built for brands that want to feel like relief.
- Premium
Nebula
Hero Section
Color drifts and swirls like something being born — a hero for brands with a story still taking shape.
- Premium
Moon
Hero Section
A quiet, distant glow anchors the frame — built for brands that want to feel calm, vast, and a little out of reach.
- Premium
Monsoon
Hero Section
Motion builds like weather rolling in — a hero for brands with something big about to happen.
- Premium
Meadow
Hero Section
Soft light rolls across an open field of color — a hero built for brands that want to feel unhurried and alive.
- Premium
Lagoon
Hero Section
Warm, glassy water ripples beneath the headline — tranquil motion for brands that want to feel like an escape.
- Premium
Harbor
Hero Section
Calm water and quiet light — a hero built for brands that want to feel like a safe place to land.
- Premium
Glacier
Hero Section
Slow, monumental motion — built for brands that move deliberately and want to look unshakeable.
- Premium
Garden
Hero Section
Organic motion grows in from the edges of the frame, like a garden slowly reclaiming the page.
- Premium
Frost
Hero Section
Cool, crystalline motion creeps across the screen like frost on glass — sharp, clean, and just a little cold.
- Premium
Flying Garden
Hero Section
A garden lifts off the ground and drifts through the frame — playful motion for brands that don't take themselves too seriously.
- Premium
Ember
Hero Section
A warm glow flickers at the edges of the frame, keeping the headline lit long after the page has loaded.
- Premium
Eclipse
Hero Section
Light and shadow trade places in a slow, dramatic reveal — built for the moment right before the big announcement.
- Premium
Dune
Hero Section
Soft, wind-shaped gradients shift like sand across the frame — a hero for brands with something vast to say.
- Premium
Comet
Hero Section
A streak of light cuts across the dark and is gone before you can look away — built for a first impression that doesn't wait.
- Premium
Coffee
Hero Section
Warm, unhurried motion with the calm of a slow morning — built for brands that want to feel handmade.
- Premium
Brook
Hero Section
A quiet current of light traces its own path across the frame, leading the eye exactly where it needs to go.
- Premium
Aurora
Hero Section
A luminous aurora breathes across the screen as your headline settles into place — built to make the first five seconds unforgettable.