Collection

GSAP Animations & Motion Components

The deepest set on HorizonX: hero reveals, scroll-driven sequences, hover states and pointer effects built on GSAP. Each one ships as a real, running animation you can read, lift and retime, so you spend your effort on the feel of the motion instead of rebuilding the timeline.

29 designs
Made by the HorizonX team

ORVANE Watchmaker Landing Page

ORVANE Watchmaker Landing Page

A one-page site for an independent watchmaker, with a parchment and midnight palette, a live sky-chart hero and smooth, scroll-driven storytelling.

Kai Rennard

Kai Rennard

A cinematic motorsport portfolio with fluid WebGL interactions and scroll-driven storytelling.

KILN Studio Portfolio

KILN Studio Portfolio

Motion-led portfolio landing for a design and code studio, with curved sections and a 3D work stack.

Immersive Robotics

Immersive Robotics

An interactive robotics landing page built around precision, motion and assembly.

Aurel Liquid Hero

Aurel Liquid Hero

A cinematic identity hero where light, water and editorial typography move as one signal.

Apex Roadster

Apex Roadster

A cinematic automotive landing page engineered around motion, restraint, and electric performance.

LUMO

LUMO

Bold sparkling-soda landing with giant display type, GSAP scroll choreography and a flavor-driven product system.

Vantro AI Sales Platform

Vantro AI Sales Platform

A conversion-focused SaaS landing page for intelligent pipeline management.

Velto

Velto

SaaS landing page where every scroll animation is scrubbed and bidirectional: scroll back up and the reveal cleanly un-plays.

Eiffel Tower Assembly Atlas

Eiffel Tower Assembly Atlas

A cinematic structural atlas that assembles the Eiffel Tower from 36 engineered macro groups.

HorizonX Vibe coding

EIDOLON Monolith Hero

EIDOLON Monolith Hero

A cinematic monolith hero where identity, motion and editorial type resolve into one atmospheric brand system.

MOTIF

MOTIF

A shared-studio landing for independent minds: bold lime type, dark charcoal, and membership that flexes with the work.

Velmont

Velmont

Cinematic editorial landing for a haute horlogerie atelier: watchmaking as couture-grade scroll experience.

PULSO

PULSO

High-energy fitness & recovery club landing with pinned card-fan choreography, scroll-scrubbed marquees and directional GSAP reveals.

TOLVA Roasters

TOLVA Roasters

Scroll-choreographed landing for a small-batch coffee roastery: warm-industrial editorial on matte black.

GSAP Scroll Motion Lab

GSAP Scroll Motion Lab

Configurable GSAP + ScrollTrigger lab: tune section, text, and scroll behaviors live without rewriting HTML/CSS.

HorizonX Vibe coding

Velora Energy Website Template

Velora Energy Website Template

A mint-green energy website with architectural imagery, magnetic hero motion and editorial storytelling.

STAVEN

STAVEN

Scroll-driven landing page for a prefabricated timber housing brand, built with Vite and GSAP.

KYAK Adventure Fuel

KYAK Adventure Fuel

A bold, motion-led storefront for energy-dense trail snacks.

NEUNWERK

NEUNWERK

An interactive 911 hero where sixty years of design unfold under the cursor.

NOVARA Creative Studio

NOVARA Creative Studio

A cinematic studio portfolio shaped by bold type, dark editorial imagery, and scroll-led motion.

Bruma Roasters Editorial Coffee Landing

Bruma Roasters Editorial Coffee Landing

A warm editorial coffee-club landing shaped by craft, origin, and tactile motion.

Pelto

Pelto

A kinetic cycling coaching landing page built for endurance brands.

ORBE Eyewear Atelier

ORBE Eyewear Atelier

Minimal editorial landing for an independent eyewear atelier: full-viewport hero slider, scroll-lit statement, pinned capabilities and asymmetric work grid.

Noctuary

Noctuary

Editorial landing for a fine-fragrance house, where scent becomes portable memory.

Intelligence Evolve

Intelligence Evolve

A cinematic cyber defense landing page built to detect, contain, and stay ahead.

AUVRA Audio Landing

AUVRA Audio Landing

A cinematic product landing page for precision audio instruments.

ELLISON

ELLISON

Editorial architecture-studio landing with directional GSAP motion, smooth Lenis scrolling and a cinematic photo-cycling hero.

Velmora

Velmora

A refined creative studio landing page with editorial composition, immersive motion, and a conversion-ready portfolio flow.

From the blog

Guides

Guide Scroll-Driven and Auto-Drifting Galleries: Choose the Right Motion Read the guide Guide Text Reveal Effects: Keep the Message Understandable Without Motion Read the guide Guide Text Animation in JavaScript: CSS, WAAPI or GSAP SplitText Read the guide

Find the next design for your project

Browse every design in the HorizonX catalog, from UI kits and templates to textures, shaders and mockups.

Explore all designs Browse collections