πŸ“„ tailwindcss/plus/ui-blocks/application-ui/forms/radio-groups

File: radio-groups.md | Updated: 11/15/2025

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/forms/radio-groups

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

Radio Groups

Use these Tailwind CSS radio group components to create options for things like settings, product variants, and plan comparisons. These radio components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Simple list


Preview

Get the code β†’

Simple list


Preview

Get the code β†’

Simple inline list


Preview

Get the code β†’

Simple inline list


Preview

Get the code β†’

List with description


Preview

Get the code β†’

List with description


Preview

Get the code β†’

List with inline description


Preview

Get the code β†’

List with inline description


Preview

Get the code β†’

List with radio on right


Preview

Get the code β†’

List with radio on right


Preview

Get the code β†’

Simple list with radio on right


Preview

Get the code β†’

Simple list with radio on right


Preview

Get the code β†’

Simple table


Preview

Get the code β†’

Simple table


Preview

Get the code β†’

List with descriptions in panel


Preview

Get the code β†’

List with descriptions in panel


Preview

Get the code β†’

Color picker


Preview

Get the code β†’

Color picker


Preview

Get the code β†’

Cards


Preview

Get the code β†’

Cards


Preview

Get the code β†’

Small cards


Preview

Get the code β†’

Small cards


Preview

Get the code β†’

Stacked cards


Preview

Get the code β†’

Stacked cards


Preview

Get the code β†’