Design
Pixel
Perfect
Sub-pixel precision on every hover.
Motion
Living
Canvas
Animation that responds to you.
Future
Fluid
Interface
Next-gen web interactions.
Hover the cards

Aurora
Borealis

Dynamic light painting — organic motion that breathes.

Get Started →
Live aurora simulation

Move your cursor

Magnetic field lines respond to your presence

Move mouse to interact
GLITCH
GLITCH
GLITCH
SYSTEM
SYSTEM
SYSTEM
Hover to trigger

Warp Speed

click to toggle

Star tunnel

Ribbons

Move cursor to guide the flow

Spotlight

Move your cursor

Cursor spotlight with dot grid

Pixel Trail

Move your cursor across the canvas

Move mouse to paint

Click Spark

Click anywhere

Click to spark
Violet
3D tilt on hover
Emerald
Perspective transform
Amber
Depth illusion
Hover the cards
INITIALIZING...
ACCESS GRANTED
SYSTEM ONLINE
Click any line to decrypt

Perlin Noise

Organic flowing gradient field

Animated noise field

Orb Cursor

Move your cursor

Glowing orb follows cursor
Violet
Animated border
Emerald
Conic gradient spin
Amber
CSS @property
Sky
Pure CSS trick
Animated conic gradient borders
0k
Downloads
0%
Satisfaction
0+
Components
0ms
Load Time
0★
GitHub Stars
0x
Faster
Click to replay
Magnetic Hover
It leans toward you before you arrive
originkit/magnetic-hover-button
Scrambles, then decrypts left to right
originkit/encrypt-button

Fluid Trail

Move your cursor — real Navier-Stokes fluid on the GPU

WebGL2 · originkit/fluidtrail

Wave Mesh

Move cursor to warp the field

Interactive sine mesh