Components
Loading preview...
A button with liquid metal animation, metallic glowing borders, and fluid hover effects.
npx shadcn@latest add https://21st.dev/r/johuniq/liquid-metal-buttonimport { 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>
);
}