Dev Design Library

Button

Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover.

Button preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
@radix-ui/react-slot, class-variance-authority, lucide-react, motion
Install
npx shadcn@latest add @fluid/button
Files
  • registry/radix/button.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/omit.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/icon-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism