A button with liquid metal animation, metallic glowing borders, and fluid hover effects.
import { LiquidMetalButton } from "@/components/ui/liquid-metal-button"; export default function LiquidMetalButtonDemo() { return ( <div className="flex flex-col items-center justify-center gap-8 p-8"> <div className="flex items-center gap-8"> <LiquidMetalButton label="Get Started" /> <LiquidMetalButton viewMode="icon" /> </div> </div> ); }