Free animated React component library
Animated background components.
WebGL light, pixel fields, contour lines and magnetic flows that move behind your content. Hand-tuned motion components for React, completely free. Play with each one live, then copy the code or give your AI agent the prompt that comes with it.
Animated React backgrounds and shaders
- Prism flow: A dark background crossed by a soft band of light that bends and drifts, its edges splitting into colour like light through a prism.
- Spatial gallery: A WebGL media tunnel of images and videos that never ends: scroll or drag to travel, and the ring twists into a turning spiral as you go.
- Pixel blast: A background of dithered pixel clouds that drift, shimmer and light up under the cursor.
- Contour lines: A background of live topographic lines that bend around the cursor.
- Pixel scroll: A scroll-driven pixel transition from one color or image to another, with directions, patterns, easings and accent pixels in the moving band.
- Magnetic flow: Cards follow the leader like a snake, then burst open like the sun.
- Gravity tag pile: Tags fall, bounce, spin and pile up with real physics.