Motion Design for Interfaces

A five-chapter night passage through a fourteenth-century gatehouse, rendered live in WebGL.

HorizonX · Code

Apex Roadster

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

HorizonX · Code

A cinematic scroll-driven hero that turns freight movement into operational intelligence.

HorizonX · Code

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

HorizonX · Code

BRASCA Chicken Sandwich Motion

An eight-second food commercial loop with a suspended fried chicken sandwich reveal.

HorizonX · Assets

A cinematic crystal hero where editorial typography frames a living atmospheric centerpiece.

HorizonX · Code

Velmont

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

HorizonX · Code

Gallery Ring Interactive 3D Showcase

A draggable 3D ring that orbits your work in space — drag, scroll, or let it spin.

HorizonX · Code

Electric mobility platform — vehicle, energy, and intelligence as one system.

HorizonX · Code

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

HorizonX · Code

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

HorizonX · Code

An editorial AI strategy landing page with a cinematic sky, adaptive capability orbit, and configurable motion.

HorizonX · Code

Motion Poster

A continuous horizontal poster marquee with precise spacing, edge fades and flat-speed motion.

HorizonX · Carousel

Motion Stack

A stepped vertical carousel where each artwork settles at center before the next measured transition.

HorizonX · Carousel

Motion Relay

A measured horizontal card relay with full-deck transitions, precise holds and a seamless wrap.

HorizonX · Carousel

Motion Tempo

A horizontal card tempo with a single card in frame, each stepping aside on a fixed beat as the next arrives.

HorizonX · Carousel

Motion Dolly

A vertical card dolly where the deck steps up one slot at a time while the camera pushes in, so each image grows as it rises into frame.

HorizonX · Carousel

Motion Cadence

A vertical card cadence that steps one frame at a time, holding each image at centre before the next takes its place.

HorizonX · Carousel

Noir Jardin Motion

Luxury perfume commercial — dark green glass and gold against rolling green hills.

HorizonX · Assets

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

HorizonX · Code

NEUNWERK

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

HorizonX · Vibe coding

Sapphire Crystal Lotus Motion

A sapphire crystal lotus blooms from darkness in a luminous, meditative loop.

HorizonX · Assets

Crave Motion

Slow-motion fried chicken sandwich assembly — commercial-style motion asset on a bold red backdrop.

HorizonX · Assets

Voidcraft Spaceflight Motion

A seven-second cinematic loop of an angular spacecraft crossing a luminous deep-space field.

HorizonX · Assets

NeoShell Hero

Futuristic motorcycle-helmet hero with cinematic product framing, modular callouts and responsive motion.

HorizonX · Vibe coding

An editorial studio portfolio with bold typography, atmospheric case studies, and refined motion.

HorizonX · Code

CoverFlow Carousel

A perspective rail turns a sequence into a foreground moment.

HorizonX · Code

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

HorizonX · Code

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

HorizonX · Code

Interactive Carousel

Five square field notes bend around the selected image.

HorizonX · Code

Time Machine Stack

A timeline pulls each memory forward without erasing the stack.

HorizonX · Code

Modular architectural floor light — hinged panels that shape light around human presence.

HorizonX · Code