Original by Plinth · MIT
Buttons
Glow Button
A brass button that lifts and glows softly on hover.
#button#glow#hover#css
Install
npx shadcn@latest add https://plinthui.com/r/glow-button.jsonexport function GlowButton({ children = 'Hover me' }: { children?: React.ReactNode }) {
return (
<button
className="rounded-lg bg-[#c8a96a] px-7 py-3 text-[16px] font-semibold text-[#0e0f11] [transition:box-shadow_.3s_ease,transform_.15s_ease] hover:-translate-y-px hover:shadow-[0_0_24px_rgba(200,169,106,0.55),0_0_64px_rgba(200,169,106,0.3)] active:translate-y-0"
type="button"
>
{children}
</button>
);
}