Showcase

Take a look at components built with tremolo-ui and React. tremolo-ui is headless: it brings the behaviour and leaves the CSS to you, so you can build on the components below and style them however you like.

Loading…

Parametric EQ

Eight bands, each switched on or off and set to a bell, shelf, pass or notch. Drag a band to set its frequency and gain (on a pass or a notch, up and down is the Q), drag across empty space to select several, and Alt + drag for the Q. The curve is the response of real BiquadFilterNodes, drawn over the spectrum of what is playing.

Loading…

Wavetable Synth

A polyphonic synth to play with the mouse, the computer keyboard or a MIDI keyboard. Morph the wave from sine to square, shape the envelope and stack detuned voices.

Loading…

Realistic Knobs

Three kinds of hardware knob on a drive pedal: machined aluminium, a bakelite pointer and an LED ring. The knob only reports its angle; every surface is CSS.

Knob

Loading…

ADSR Envelope

Drag the handles or turn the knobs, then play the keys: the dot follows the note along the envelope, attack to release.

Loading…

DJ Filter Pad

Hold the pad and sweep left for a lowpass, right for a highpass, up and down for the resonance. Let go and it springs back to the centre.

XYPad

Loading…

Volume Fader

A long-throw fader with a stereo LED meter on the same scale. Double-click the cap to go back to 0 dB.