All collections · 495 templates · 91 live demos · 64 free
GSAP animation website templates.
Websites animated with GSAP: timelines that choreograph the hero, scroll-pinned chapters, split text and smooth page changes. Good for brands, studios and launches that want motion with precise timing.
Iridane AI Research Lab
A glass portal opens over a dark mirror pool as you scroll into an AI research lab
Kuro Apex GT: Hypercar Launch Film
An electric hypercar launch where every scroll pushes the camera closer, lit by amber light
Maison Aurelune: Tourbillon Over Emerald Water
A fine watchmaking launch site where a rose-gold tourbillon turns over sunlit emerald water as you scroll
Tavrin Monolith: Volcanic Canyon Atelier
A fashion house site where a mirror monolith rises from a volcanic canyon as amber silk sweeps past
Tessaline Audio: Liquid Chrome Headphones
Liquid-chrome headphones float in zero gravity and turn as you scroll, under rippling light
Valkyrie Orbital Hypersonic Flights
A spaceplane glides above the aurora as you scroll through its flight to orbit
Ambrette Perfume House
A glass perfume bottle turns slowly in golden dust while the house tells its scent story
Copperleaf Tea House
Autumn leaves fall and warm sparks rise around a tea house for small-batch roasted teas
Covelight Coastal Hotel
Lantern light drifts over a still bay at dusk for a forty-room coastal hotel and spa
Fennec Roasted Snacks
A big-eared fox mascot leans out of the desert as spiced sand blows past and four crunchy flavors bounce in
Glenmere Meditation App
A soft lavender landscape breathes under drifting light for a calm meditation and sleep app
Larkspur Floral Studio
Violet petals drift down over tall wild flowers swaying in a breeze as the studio's recent work floats by
Marigold Linen Collection
Orange petals drift down over sun-washed linen in late afternoon light as the new pieces tilt toward you
Monolith Film Studio
A black monolith towers over a tiny figure in the desert dunes as the camera pushes in through blowing sand
Orrery Astronomy Course
A brass clockwork solar system turns in 3D for an interactive twelve-lesson astronomy course
Petrichor Street Photography
Rain streaks fall over a neon street at night while the photo shifts with your cursor
Pinewake Music Festival
Neon sound waves pulse through a night valley for a three-night electronic festival
Quillon Kitchen Knives
Forge sparks rise past a Damascus blade as the collection tilts toward you, each knife numbered and signed
Scoria Architecture Studio
Dark stone columns rise in 3D for an architecture practice that builds heavy and quiet
Sedgewell Botanical Skincare
Salt marsh grasses sway in the wind for a coastal botanical skincare shop
Tessera Tile Studio
A wall of hand-glazed tiles flips in a ripple that follows your cursor, terracotta, cobalt, saffron and jade
Umbrite Encrypted Compute
A faceted black crystal turns inside a wire halo while violet and cyan sparks circle it and follow your cursor
Windhover Survey Aircraft
A winged survey drone holds still in a streaming sky for a six-hour autonomous aircraft
Kernwold Heirloom Seed Bank
Scroll one sleeping seed from a cold cellar drawer to its first root, then take a packet home to grow
Blackwater Surf Wetsuit Brand
A surf brand site over a top-down loop of turquoise waves breaking on black sand
Canopy Carbon Climate Platform
A climate platform site over a drifting loop of mist on a rainforest at dawn
Corsa Nera Electric Coupe Launch
An electric coupe launch with light racing down a tunnel past the car
Stillwater Meditation App
A meditation app site over a quiet loop of mist drifting across a mountain lake
Verdelle Silk Fashion House
A fashion house site where a sheet of emerald silk floats and ripples behind the type
Noesis AI Research Brain
An AI research site: a living constellation brain of 10,000 colored shards that answers as you scroll
Abyssal Bio AI Discovery
A biotech AI site: glowing deep-sea jellyfish drift behind giant type
Amethyst Expeditions Travel
An adventure travel site: a crystal cavern opens onto the sky under editorial type
Aurora Lagoon Wellness Retreat
A wellness retreat site: the northern lights ripple over a glacier lagoon
Chrome Capital Fintech Platform
A fintech platform site: liquid chrome ribbons flow behind giant type
Orchid AI Creative Studio
An AI creative studio site: a living glass orchid blooms behind giant type
Porcelain Silver Jewelry
A fine jewelry site: an editorial silver-ring film behind refined serif type
Aegis Cybersecurity Particle Scene
A cybersecurity site: a shield of glowing shards that becomes a sphere, a knot and a word
Atlas AI Agents Particle Scene
An AI agents site: a galaxy of glowing shards that becomes a knot, a lightbulb and a word
Kavik GT-1 Photoreal Scroll Film
A photoreal electric car launch site: a studio push-in film that scrubs with your scroll
Launchpad Startup Particle Scene
A startup accelerator site: a rocket of glowing shards that becomes a galaxy, a planet and the word go
Ledger Lab Web3 Particle Scene
A web3 site: a particle torus that becomes a knot, a planet and a word as you scroll
Pulse Healthcare Particle Scene
A healthcare site: a heart of glowing particles that becomes a wave, a cell and a word
Verdant Climate Particle Scene
A climate and energy site: a particle wave field that becomes a planet, a torus and a word
Noesis Lightbulb Particle Scene
An AI knowledge site: a lightbulb of glowing multicolour shards that morphs as you scroll
Echo Audio Particle Scene
A music and audio site: a particle sound wave that becomes a torus, a pulse and a word as you scroll
Flux Fintech Particle Scene
A fintech site: a particle wave field that folds into a torus, a knot and a word as you scroll
Helix Biotech Particle Scene
A biotech site: a living particle DNA helix that unravels into a cell, a pulse and a word as you scroll
Orbit Space Travel Particle Scene
A space travel site: a ringed planet of particles that becomes a galaxy, a star and a word as you scroll
Questions
What is GSAP?+
GSAP is a JavaScript animation library for moving things on a web page with exact timing. Its ScrollTrigger plugin ties animation to scrolling, which is why many scroll stories use it.
Do I need a GSAP license?+
GSAP is free to use, including for commercial projects, under the license published on the GSAP site. Check that license for the current terms before you ship.
Can I turn the motion down for some visitors?+
Yes. The build prompts ask for a reduced-motion version that shows the finished state without the movement.
Which AI builders can build these?+
Any builder or coding assistant that can read a detailed brief. Paste the prompt, or connect the AnimatedWebs MCP server so your assistant fetches it directly.