Taga ToggleA playful pill toggle with an expressive face on the thumb — dead (×× eyes, flat mouth) when off, happy (arc eyes, big smile) when on.

Buttons & TogglesFramer MotionInteractive

Add to your project

One command adds this component to your project.

1

Run the following command. New project? Run npx shadcn@latest init first to set up Tailwind and path aliases.

npx shadcn@latest add @aicanvas/taga-toggle
2

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

Optional
<html class="dark">

More like this