Liquid Gradient Button

Premium gradient button with image overlay, loading animation, and 8 color variants: pink, cyan, emerald, amber, crimson, violet, ocean, sunset.

Library

Pixel Perfect

Framework

React

Type

block

License

MIT

Dependencies

framer-motion, lucide-react

Files

• registry/new-york/buttons/liquid-gradient-button.tsx
• src/lib/utils.ts
• src/components/ui/spinner.tsx

Source

https://github.com/vansh-nagar/Pixel-Perfect

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 Pixel Perfect

• 3D Button
• Abhinav Bento Button
• Antinomy Button
• Bend Button Follower
• Bevel Button
• Blue Chrome Button
• Blur Toggle Button
• Book Demo Button
• Border Gradient Button
• Color Flair Button
• Cyber Button
• Framer Cta Button