Components
Loading preview...
A pill button with an animated liquid-chrome WebGL surface that shifts under a difference-blended label and brightens on hover. Self-contained — the shader (ogl) is bundled in.
@radiumcoders
npx shadcn@latest add https://21st.dev/r/radiumcoders/chrome-button"use client";
import ChromeButton from "@/components/ui/chrome-button";
export default function Default() {
return (
<div className="flex min-h-screen w-full items-center justify-center bg-background p-12">
<ChromeButton>Deploy Doom</ChromeButton>
</div>
);
}