Theme Toggle Button

Theme Toggle Button preview

Scroll to load preview

A beautiful toggle between sun and moon icons with smooth rotation animation. Click and watch the icons swap with a satisfying spin. This is pure UI—hook it up to your own theme logic or state. Perfect for headers and navbars. The animation is subtle but polished, exactly what users expect from a theme toggle.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:

use shadcnio to install the theme-toggle-button button into my project

Icon Button

Animated icon button

Copy Button

Clipboard copy with feedback

Morph Button

Morphs between states

Flip Button

3D flip animation

Pulse Button

Pulsing attention ring

Ghost Button

Transparent with fill

Theme Toggle Button