lens switch
freeThe prompt is free with an account: sign up with Google or email, and your copy starts right after. The project and Figma file come with monthly or yearly.
A light switch made of glass on a dark stage: a frosted track with engraved ticks and a solid glass sphere for a knob that works as a real magnifying lens. Small pixel glyphs are engraved where the knob rests, a moon at the off end and a sun at the on end, and the sphere magnifies the one under it, swelling its middle and squeezing it towards the rim. Switch it on and the knob springs across, stretching at speed; the moon's pixels lift off the track, stream along it into the lens and re-form as the sun; a thin warm filament flickers on inside the track and runs into the sun, the nearby ticks catch the light, a rim light sweeps half a turn round the sphere to its top and lights the glass from that side, and the whole room lifts from black to a dim warm grey. Click anywhere or press Space to toggle, move the pointer to tilt it in 3D and shift the highlights; left alone, it switches itself on and off in a loop. No images and no fonts: CSS, two small SVGs and two canvases, on a square stage that scales to fit any screen.
what you get
- prompt
- Paste it into Claude, Codex, Kimi or Cursor to rebuild this template. Tested: we rebuild every template from its prompt before it goes live.
- project
- The Vite + React source code as a .zip, ready to run.
- figma file
- The editable design as a .fig file to import into Figma.
what's inside
- toggle switches
- spring physics
- pixel morph
- cursor tracking
- autoplay loop
- keyboard navigation
- touch support
stack
- react
- vite
- typescript
- svg
- canvas
colors
- #060607
- #161618
- #3A3631
- #0E0E10
- #4A4A50
- #FFF6EA
- #FFD6AA
- #7D8CFF
license
Free account: personal use only. Monthly or yearly adds commercial and client work. Don't resell or share the template, prompt or files.
read the license

