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.
Every template here is a scroll-driven hero built around motion rather than a static image, for a specific kind of product. Each comes with the prompt that generates it, so you can paste it into your AI tool and get working code.
3 templates in the library.
- Premium
Amble
Hero Section
A felted sloth on dove blue who turns to follow the cursor across 50 canvas frames, and wanders off into a slow sweep of his own when nobody has moved for nine seconds.
- Premium
Eagle
Hero Section
A golden eagle coming straight at the camera with wings fully spread, against cold mountain haze — the clip plays once and freezes into its own final frame so the join never shows.
- Premium
Scowlby
Hero Section
A grumpy 3D puppy in a red jumper whose head turns to follow your cursor — a 97-frame sequence scrubbed on a canvas by pointer position, crossfaded between frames, idling into a look-around of its own when you stop.