Meniscus
A bottom tab bar that moves like liquid
A bottom navigation bar for phone screens that moves like liquid. Good for: mobile apps and phone-sized web apps. How it works: the selected tab sits in a dip in the bar, and the dip slides and stretches as you move to another tab. You can also drag it. How to use: copy the files into your app and change the icons and labels. No libraries needed.
$7.20 — one-time price, free updates
- A UI component for any site
- Plain HTML, CSS and JavaScript · no framework
- Use it in unlimited client projects
Built with Plain JavaScript, CSS.
What is in the zip
- app.js
- index.html
- style.css
Version history
- v1.0.0, 2026-08-01 — First release. Meniscus shipped as one file, with the reel recorded from the real page.