Tailwind CSS Checkbox and Radio Components

Use these Tailwind CSS checkbox and radio components and examples to let people pick options in your forms. Each one supports light and dark mode, comes as a React component too, and is built on native inputs with a visible legend and the whole row as the target. From checkboxes with descriptions to radio cards, add-on cards, a select all list and choice chips, everything is easy to customize and use.

Checkboxes With Descriptions

Edit with AI
Loading...

Stacked and Inline Radios

Edit with AI
Loading...

Plan Radio Cards

Edit with AI
Loading...

Add-on Checkbox Cards

Edit with AI
Loading...

Get the whole library.

Every premium component and block, the Next.js sites, all themes and AI edits, in one plan.

See pricing

Select All Checkbox List

Edit with AI
Loading...

Choice Chips

Edit with AI
Loading...

Not the one you need?

Describe it, and AI builds it like the designs in our library, ready to edit and copy.