Liquid Button

Frosted-glass pill button with gradient ring and a hover slide that swaps two stacked text labels.

Library

Pixel Perfect

Framework

React

Type

block

License

MIT

Files

• registry/new-york/buttons/liquid-button.tsx
• src/lib/utils.ts

Source

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

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• Animated Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• Animated 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