Dev Design Library

Radio Group

Animated radio group with fluid hover, spring-animated selection dot, and optional Radix UI integration. Supports both controlled index and value-based APIs.

Radio Group preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
@radix-ui/react-radio-group, motion
Install
npx shadcn@latest add @fluid/radio-group
Files
  • registry/radix/radio-group.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/hooks/use-fluid-hover.ts
  • registry/default/fluid-hover-highlight.tsx
  • registry/default/lib/size-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism