Lamp
A cute desk lamp that wakes when you pull its cord
A cartoon desk lamp that sleeps until you pull its cord. Good for: a fun landing page, a dark mode switch or a playful hero. How it works: drag the cord down and let go, the switch clicks, the lamp lifts its head and the light turns on. A tap or the Enter key works too. How to use: copy the three files into your page. No libraries needed.
$1.80 — 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
- index.html
- lamp.css
- lamp.js
Version history
- v1.0.0, 2026-06-27 — First release. Lamp 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