Effects
Slider - Liquid
Gooey handle that fuses with the filled portion of the track and bulges when dragged. Same SVG gooey filter as the metaballs background.
- SVG gooey filter
- Spring scale
- Pointer capture
Customize
Drag a slider and watch the preview respond live. Every control maps to a typed prop - what you tune is what you ship.
Props you can tune
Every prop below is live in the studio above and ships typed with the component.
- 4 options
tintTint - 6-16
gooGoo strength - 120-400
stiffnessSpring stiffness - 8-32
dampingSpring damping
Related components
Using this block
Buy it, then copy components/blocks/slider-liquid/index.tsx into your project. A single file - no new dependency beyond the Framer Motion + Tailwind you already have.