Gooey Switch

A neutral liquid switch with a circular ivory thumb and optional elastic dragging.

LIVE PREVIEWYour changes update liveLocal renderer

Tweaks

Gooey Switch settings

State

Accessible name

Disabled

Geometry

Surface

Track top

Track bottom

Track edge

Liquid

Thumb

Interaction

Drag or click enables continuous thumb scrubbing. Keyboard remains available in both modes.

Choose Drag or click to adjust edge resistance.

Motion

Scales the liquid and thumb motion together. The spring may finish slightly later.

Higher values suppress recoil; lower values make the thumb more elastic.

Horizontal thumb stretch with gentle vertical compression. Higher stretch starts the thumb sooner; zero keeps the original circle and timing.

Your settings travel with the component.
Preview size and pause stay here.

Gooey Switch v1.0.0

Package 1.0.0 · Independent componentMIT licensed