Beta

Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

We take the Shadcn UI component and animate it with Motion.

Installation

Props

Animate UI props

RadioGroupItem

PropTypeDefault
transition?
Transition
{ type: 'spring', stiffness: 200, damping: 16 }

Credits

  • We use Radix UI for the radio group component.
  • We take our inspiration from Shadcn UI for the radio group style (to make it easier to replace a shadcn component with the animate ui component).

On this page