# Light/Dark Toggle

> Sun/moon light-dark theme toggle icon — the moon's crescent mask slides away as it shrinks into a sun, the icon rotates, and six rays pop in one by one.

## Details

- **Slug**: `light-dark-toggle`
- **Tags**: controls, minimal

## Links

- [Registry item](https://www.uicapsule.com/r/light-dark-toggle.json): install with `npx shadcn@latest add https://www.uicapsule.com/r/light-dark-toggle.json`
- [Raw source JSON](https://www.uicapsule.com/api/content/light-dark-toggle): every file, as JSON
- [Bare preview](https://www.uicapsule.com/preview-frame/light-dark-toggle): the component with no site chrome

## Files (3)

Full contents are in the registry item linked above.

- `/light-dark-toggle.tsx`
- `/package.json`
- `/preview.tsx`

---

[UICapsule](https://www.uicapsule.com) · [All components](https://www.uicapsule.com/llms.txt)