NotSimpleUI LogoNotSimpleUI
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

PropTypeDefaultDescription
childrenReact.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.
glowColorstring"#1a6bf5"Radial aura core color for custom glowing hues.
classNamestring""Additional Tailwind utility classes.
...propsHTMLMotionProps<"button">All standard button & motion props (onClick, disabled, etc.).

Component Source

On this page