Lucid
A glass tab bar with a sun and moon theme switch
A floating tab bar that looks like real glass, with a light and dark switch. Good for: switching sections in an app or a settings page. How it works: the page behind bends at the edges like glass, and the selected tab stretches as it slides. The sun turns into a moon in dark mode. How to use: copy the files into your site and rename the tabs. 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.
What is in the zip
- app.js
- index.html
- style.css
Version history
- v1.0.0, 2026-07-29 — First release. Lucid shipped as one file, with the reel recorded from the real page.