Radio Group Component

Capsule-styled radio buttons with solid ink borders, various indicator styles, and orbit hover effects.

Basic Radio Group

Option OneOption TwoOption Three

Selected with checkAnother option

Fully filledAnother option

Square with checkAnother option

With rotationAnother option

Bouncy selectionAnother optionThird option

Spring animationAnother optionThird option

SmallMediumLargeExtra Large

Selected: MD

Free Plan

Basic features for personal use

$0/mo

Pro Plan

Advanced features for professionals

$19/mo

Team Plan

Collaboration tools for teams

$49/mo

Enabled optionDisabled option

Click on the labels to toggle selection. Hover over the radio buttons to see the orbit hover effect.