The catalogue
Effects on the bench
Each effect is a mechanism, not a look. Colours, thickness, glow and speed belong to the website that uses it — two sites with the same effect should never look alike.
- Testingsince 0.1.0
Border Glow
A light on the card outline that slides to the edge point nearest the pointer and takes the colour of the edge it lands on.
- Testingsince 0.3.0
Neon Glass Card
A frosted glass card lit from behind: two light sources bloom under the pane and reach the eye already diffused, while a thread of light runs along the edge.
- Testingsince 0.4.0
Pixel Card
A grid of tiny pixels lights up across the card in a wave from where the pointer enters, shimmers or moves aside as you go, and drains away through the point where you leave.
- In the queue
Glass Slider
A range control made of glass, with a handle that catches the light.
- In the queue
Liquid Glass
Refraction that bends what lies behind it — where the browser allows.
How the lab works
Three labels, one promise
Every effect carries its maturity, declared by the product itself. Nothing reaches a client website before it says Stable.
- Experiment
Experiment
It works and you can touch it. Names, variables and behaviour may still change.
- Testing
Testing
Checked with keyboard, touch, reduced motion and performance traces. The interface is frozen; only fixes from here on.
- Stable
Stable
Released for client work, versioned, documented, and kept compatible within its major version.