ComponentsButtons
Glow Button
A liquid frosted glass pill button with radiant cobalt blue aura glow, specular edge lighting, and spring physics.
Preview
Size Variations
Corner Radii Variations
Installation
import { GlowButton } from "@/components/buttons";
export default function Example() {
return <GlowButton>Create</GlowButton>;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | "Create" | Button label or content. |
size | "sm" | "md" | "lg" | "md" | Button dimensions and text sizing. |
shape | "asymmetric" | "pill" | "asymmetric" | Corner radius style. "pill" gives equal radii to all edges. |
glowColor | string | "#1a6bf5" | Radial aura core color for custom glowing hues. |
className | string | "" | Additional Tailwind utility classes. |
...props | HTMLMotionProps<"button"> | — | All standard button & motion props (onClick, disabled, etc.). |