Slosh Slider
SlideControlsFluid progress range slider with liquid volume inertia, wave displacement, and live percentage readout.
Live Interaction Sandbox
Liquid Fill60%
Variants: Gradient Fill, Neon, MinimalDependencies: react
Component Controls
InteractiveFill Level (%)65
Supported States:
● Idle● Sloshing● Max Value
Props Specification
| Prop | Type | Default | Description |
|---|---|---|---|
| initialValue | number | 65 | Starting percentage value |