Dev Design Library

Theme Toggler

Theme toggle with View Transitions and animated clip-path masks (circle, polygons, star), optional viewport-centered origin.

Theme Toggler preview
Library
Magic UI
Framework
React
Type
ui
License
MIT
Dependencies
lucide-react
Install
npx shadcn@latest add @magicui/animated-theme-toggler
Files
  • apps/www/registry/magicui/animated-theme-toggler.tsx
Source
https://github.com/magicuidesign/magicui

Categories

More from Magic UI