Lumen Toggle
A dark mode switch that spreads the new theme
A light and dark mode switch with a circle reveal. Good for: any website, blog, portfolio or app with a dark mode. How it works: click the button and the new theme spreads out from it in a growing circle, while the sun and moon icon turns. How to use: copy the files into your site and set your own light and dark colours. 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, SVG.
What is in the zip
- README.md
- app.css
- app.js
- index.html
Version history
- v1.0.0, 2026-09-19 — First release. Lumen Toggle shipped as one file, with the reel recorded from the real page.
Related
- Love Letter — A pixel art love letter opened with an arrow
- Birthday — An animated birthday greeting that ends in a heart of flowers
- Deadline — A funny coding animation with a deadline chasing a developer