Effects & Transitions / Buttons

Animated Theme Toggler

Theme toggle using View Transitions.

Magic UIButtonsmotion: --tpc-duration-slow

Install

npx shadcn@latest add @tpc/animated-theme-toggler

Reduced motion

Token: --tpc-duration-slow

Default

Diamond demo

Hexagon demo

Next themes demo

Rectangle demo

Square demo

Star demo

Triangle demo