Fractal topographyExamples
Production-ready Motion snippets for React, JavaScript, and Vue. Copy them into your site or adapt them with AI.
Motion+ examples
- Fractal topography
Three.js TSL particle morph
Three.js materials
Three.js motion values
Three.js OrbitControls
Three.js scroll-driven logo
Three.js sequences and stagger
Three.js shader lens
vgpu cameras, lights and controls
vgpu colours
vgpu effect bindings
vgpu motion values
vgpu orbit
vgpu scene nodes
vgpu sequences and stagger
vgpu shared uniforms
vgpu vectors
Now playing
Curtains: Blinds
Curtains: Clip wipe
Curtains: Doors
Curtains: Fade
Curtains: Iris
Curtains: Iris from click
Curtains: Mixed effects
Curtains: Pixels
Curtains: Scope
Curtains: Showcase
Curtains: Shutter
Curtains: Stagger wipe
Curtains: Wipe
Scramble text
Scramble text: Hover
Scramble text: Stagger from center
Reorder items
Shared layout animation
Material Design: Ripple
Scroll highlight
Loading: Infinite path drawing
Family-style dialog
Hold to confirm
Multi state badge
Notifications stack
Fill text
Loading overlay
Loading progress bar
Loading ripple
Physical stagger
iOS App Store
iOS App Store: Layout animation
Conic gradient pointer
Image reveal slider
iOS slider
Notifications list
Tab select
Tilt card
Typewriter
Split Text
Split Text: Scatter
Split Text: Wavy
Accordion
Modal dialog
Reveal text effect
Spring: Follow Cursor
Lightbox
Layout animation
Three.js
Pull example source straight into Cursor, Claude Code, and any MCP-aware agent.
Premium examples are searchable for Motion+ members through the Motion AI Kit.
Learn more about Motion+