Live Examples

Website Demos

See what's possible with Motion Primitives. These are complete website templates showcasing the components in action.

Scroll Animations

The crown jewel — 10 GSAP scroll animations running live. Pinned orchestration, clip-path reveals, velocity effects, 3D depth parallax, horizontal scroll, text scrub, and more.

Scroll OrchestratorClip-Path RevealDepth ParallaxVelocity EffectsHorizontal Scroll

View Demo →

Digital Design Studio

Agency

A sleek agency website with smooth page transitions, project showcases, and a modern dark aesthetic. Perfect for creative studios and agencies.

Page TransitionsProject GalleryAnimated NavigationContact Section

View Demo →

Product Landing Page

SaaS

A modern SaaS landing page with feature grids, pricing tables, testimonials, and a global infrastructure showcase with 3D globe.

Pricing TablesFeature Cards3D GlobeSocial Proof

View Demo →

Creative Developer

Portfolio

An artistic portfolio with horizontal scroll galleries, custom cursor, aurora backgrounds, and a unique typographic hero section.

Horizontal ScrollCustom CursorAurora BackgroundText Effects

View Demo →

Interactive 3D Characters

Spline Worlds

Six immersive 3D worlds powered by Spline. A cursor-tracking robot, morphing shapes, cosmic compositions, kinetic sculptures, and living machines. Each scene is fully interactive.

Spline 3DCursor TrackingCharacter AnimationZero Config6 Worlds

View Demo →

Experimental R3F Scenes

Interactive 3D

Six mind-bending 3D experiences built entirely in code with React Three Fiber. A gravity well black hole, morphing swarm intelligence, rippling sound fabric, living cursor sculpture, dimensional rift, and magnetic ferrofluid.

Gravity WellSwarm AISound FabricFerrofluid2400+ Particles

Build your own award-winning site

All components used in these demos are available in the library. Mix and match to create your unique design.