Liquid

Liquid button whose fill colour flows in on hover.

Library

Watermelon UI

Framework

React

Type

ui

License

MIT

Dependencies

class-variance-authority, motion

Install

npx shadcn add @watermelon/ui/liquid

Files

• src/components/watermelon-ui/liquid.tsx
• src/lib/utils.ts

Source

https://github.com/WatermelonCorp/watermellon-registry

Categories

• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components

More from Watermelon UI

• Aave Swap Component
• Accordion
• Accordion 03
• Accordion 04
• Accordion 05
• Accordion 1
• Accordion 10
• Accordion 11
• Accordion 12
• Accordion 13
• Accordion 14
• Accordion 15