Grab the code for this component with free account
Every free component's full source, ready to copy or download, plus 30 monthly AI credits for Atheros AI routing to make it yours.
Switch component
Celestial theme switcher — a porthole onto the sky: the night rises through it as a hard horizon, the sun sets below it and the moon rises out of it with the stars.
Open Theme Toggle Celestial in Atheros AI Builder, pick a design system and ask the AI assistant to change the layout, copy or behaviour — the switch is regenerated against your tokens. Take the HTML, CSS, JS and React source with you, or pull it into your repo from Claude Code, Cursor or Codex over MCP.

A two-word segmented theme control whose pill moves edge-first: its leading edge lunges to the other word and drags the night behind it, then the trailing edge follows and the pill snaps taut around the new label.

A terminal-styled theme switch with monospace status copy and persisted light and dark modes.

A levitating theme toggle that bobs above its own shadow and has to land to change: the disc drops onto the shadow, swaps its glyph at impact, and springs back up already changed.

An iOS-style switch whose knob squashes along its travel and lays the accent fill down under itself as a hard-edged bloom — and takes it back up on the way home.

A single-word theme pill: the accent thumb crosses the track and drags the night layer behind it while the word rolls, letter by letter, from Light to Dark.

An eclipse orb: the disc is the celestial body itself — a night face slides across the sun with a hard terminator while night spreads over the page outward from the orb.
300+ production-ready components and Atheros AI models. Every paid plan includes access to the whole Atheros — AI Builder and Learning.
Starting at $9.9 per month, billed annually
