ShadCN-Inspired Tailwind Checkbox Component

DSy lets you customize checkboxes in real time — adjust size, style, and default/checked states. Copy React/Next.js code.

NOTE: It's UI-only - no validation, connect to any form system.

Install dependency below to use component

npm install @radix-ui/react-checkbox

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.