Checkbox

A growing collection of 20 checkbox components built with React and Tailwind CSS.

npx shadcn@latest add https://playful.ui.mustaquenadim.com/r/checkbox.json

Default

Accept terms and conditions

Simple checkbox

Indeterminate checkbox

Colored checkbox

Disabled checkbox

Simple todo item

Fancy todo item

React

Next.js

Astro

React

Next.js

Astro

Right aligned checkbox

Label (Sublabel)

You can use this checkbox with a label and a description.

Checkbox with expansion

You can use this checkbox with a label and a description.

Label (Sublabel)

You can use this checkbox with a label and a description.

Label (Sublabel)

A short description goes here.

Label (Sublabel)

A short description goes here.

Label (Sublabel)

A short description goes here.

Palette

Brush

Eraser

Cut

Days of the week

MMondayTTuesdayWWednesdayTThursdayFFridaySSaturdaySSunday

Dark mode toggle checkbox