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
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.
Open Theme Toggle Orb 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 terminal-styled theme switch with monospace status copy and persisted light and dark modes.

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.

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.

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.

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.

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.
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
