Radio cards

Selectable option cards with a sliding selection ring, price and description slots, and radio keyboard behavior.

Library

Arc Library

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://uiarc.dev/r/radio-cards.json

Files

• registry/components/radio-cards/radio-cards.tsx
• registry/components/radio-cards/radio-cards.module.css
• registry/motion-tokens.ts
• lib/motion-tokens.ts

Source

https://github.com/kuratlielia/arc-library

Categories

• Card Components
• React Card Components
• Animated Card Components
• Data Display Components
• React Data Display Components
• Animated Data Display Components
• Input Components
• React Input Components
• Animated Input Components
• Radio Components
• React Radio Components
• Animated Radio Components

More from Arc Library

• Blog grid
• Card
• Expandable card
• Metric card
• Radio group
• Accordion
• Action button
• Action swap
• Activity heatmap
• Alert
• Animated counter
• Announcement bar