Button 33 - Liquid Metal

Pill button with an animated liquid metal shader border that flows faster on hover.

Library

Shadcn Space

Framework

React

Type

component

License

MIT

Dependencies

@paper-design/shaders-react, lucide-react

Files

• src/components/shadcn-space/button/button-33.tsx
• src/components/ui/button.tsx
• src/lib/utils.ts
• src/config.ts

Source

https://github.com/shadcnspace/shadcnspace

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• shadcn/ui Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated Button Components
• shadcn/ui Button Components

More from Shadcn Space

• Alert 11 - Hold to Confirm
• Button 03 - Shine Hover
• Button 05 - Get Figma File
• Button 06 - Animated Border
• Button 10 - Save
• Button 11 - Cancel
• Button 12 - Default
• Button 13 - Size xs
• Button 14 - Size sm
• Button 15 - Size lg
• Button 17 - Blob Fill
• Button 19 - Interactive Hover