Decant
Glass toggle buttons that fill with liquid when pressed
Three glass toggle buttons for focus modes like Sleep and Do Not Disturb. Good for: settings screens and app control panels. How it works: press a button and liquid pours out from the spot you pressed. Pick another and the first drains away while the new one fills. Keyboard: arrow keys and screen readers work. How to use: copy the files into your app. No libraries needed.
$4.20 — one-time price, free updates
- A UI component for any site
- Plain HTML, CSS and JavaScript · nothing to install
- Use it in unlimited client projects
Built with Plain JavaScript, CSS, Canvas.
What is in the zip
- README.md
- app.css
- app.js
- index.html
Version history
- v1.0.0, 2026-08-11 — First release. Decant shipped as one file, with the reel recorded from the real page.