Decibel
A volume slider that shows how loud it really is
A music player whose volume slider shows how loud that level really is. Good for: a music app, a headphone shop or a hearing health site. How it works: Drag the volume up and the picture changes from an earbud to traffic, big speakers and a jet engine, with the safe listening time. How to use: Copy the files into your page and add your own music. No libraries needed.
$3.00 — 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, SVG.
What is in the zip
- app.js
- index.html
- style.css
Version history
- v1.0.0, 2026-07-24 — First release. Decibel shipped as one file, with the reel recorded from the real page.