Glass Toggle

On/off toggles with glass housing and liquid-feel spring animation. Track color transitions smoothly.

Buttons & TogglesGlassInteractive

Preferences

Dark ModeOn
NotificationsOn
Auto-UpdateOff
AnalyticsOff
Haptic FeedbackOn

Add to your project

One command adds this component to your project.

1

Run the following command:

npx shadcn@latest add "https://aicanvas.me/r/glass-toggle.json"
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More like this