Theme Toggle

Theme toggle button that repaints the whole page through the View Transition API — a rectangle or circle clip-path reveal, or slats that open across the screen like a shutter.

Library

beUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @beui/theme-toggle

Files

• components/motion/theme-toggle.tsx
• components/motion/action-swap.tsx
• lib/ease.ts
• lib/i18n.tsx
• lib/utils.ts

Source

https://github.com/starc007/ui-components

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components
• Theme Toggle Components
• React Theme Toggle Components
• Tailwind CSS Theme Toggle Components
• Animated Theme Toggle Components

More from beUI

• Action Swap
• Action Swap Blur
• Action Swap Cascade
• Action Swap Roll
• Bloom Menu
• Button
• Expanding Arrow Button
• Hold Action Button
• Adaptive Stepper
• Agent Activity
• Agent Code
• Agent Disclosure