Liquid Slider

A vertical slider you fill like a glass, with a sloshing surface and rising bubbles.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @kokonutui/liquid-slider

Files

• components/kokonutui/liquid-slider.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components
• Slider Components
• React Slider Components
• Tailwind CSS Slider Components
• Animated Slider Components

More from Kokonut UI

• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run
• AI Connect
• AI Context Meter
• AI Diff Review