Back
James Dawson
James Dawson

Moon beam dark mode

A simple dark mode toggle experiment where the switch becomes a beam of moonlight.

designuifrontendmotiondark-mode

I built a dark mode toggle

This was a small UI experiment.

I wanted it to feel a bit more atmospheric than a standard switch, so when it changes state it turns into a moonlight beam. The idea was to keep it simple, soft, and playful, with most of the work going into the motion, lighting, and overall feel.