Reactive Playground

Every slider, picker, and toggle feeds a chain of computed values. Move anything — watch everything react.

Master Controls
Computed Metrics
Power
Intensity
Resonance
Entropy
Flux
Harmony
Reaction Chain
energy
×
freq
=
power
×
amplitude
=
intensity
→
flux
Reactive Bar Chart
PWR
INT
RES
ENT
FLX
HRM
SPR
DCY
Radial Gauges
Energy
Amplitude
Decay
Live Typography
HSL Color Mixer
Shadow & Transform Lab
rotate(deg) · scale() · radius: px · blur: px
Reactive CSS Grid
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Waveform —
Pulse Matrix —
Built with SensibleJS — every visual element on this page is driven by 8 sliders, 6 primary computed values, and 8 bar computations. Zero JavaScript animation loops.