ShadCN-Inspired Tailwind Switch Component
DSy lets you build switches in real time — choose small or large variants, and adjust default and active states easily. Copy React/Next.js code.
Install dependency below to use component
npm install @radix-ui/react-switch
Normal State
Component Code
Locked
Try DSy for Free
Explore how easy it is to build beautiful components for your brand specifically.
No payment required • Get started in seconds
🎨 What you get when you signup
Free credits to try all our components, no payment needed.
Play with colors, sizes, and styles - see your changes live.
Experience how easy DSy makes building your brand components.