Backgrounds
Marbling
ProPaper marbling made with the exact drop and comb math from the paper Mathematical Marbling. Each new ink drop pushes every older ring outward. The rings stretch, but they never overlap or tear. Every few drops, a comb drags through the ink and pulls it into feathers. Drag across it to pull the ink like a stylus.
Install
Props
What It Demonstrates
- Loop
- An animation that repeats, a set number of times or infinitely.
- Idle animation
- Subtle motion that plays while an element is just sitting there, waiting to be interacted with.
- Drag
- Moving an element by grabbing it, often with momentum when released.
Related Components
Waves
A woven field of flowing waves rendered on a WebGL line shader.
Grainient
An animated grainy mesh-gradient rendered on a WebGL2 shader.
Light Rays
Volumetric god-rays from a configurable origin, optionally following the mouse.
Side Rays
Corner-anchored two-color light rays with adjustable tilt and blend.
Strands
Glowing wavy light-strands with an optional glass refraction lens.
Ribbons
Flowing translucent ribbons drifting across a canvas.