checkboxes
Scene track toggle
The moon is not a mask and not a second circle: it is an offset inset box-shadow in the exact colour of the night sky. An approximate tone turns the bite into a grey smudge. And both scenes stay in the DOM, stacked, with only opacity changing: swapping the markup on state makes every press a mount, a reflow and a blank frame.
See it live and copy its promptWhat you can adjust
- Background
- Panel color
- Head color
- Daylight colour
- Text color
- Toggle width
- Toggle height
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
