Glow Button Pro
Glow Button Pro is a CTA button with five distinct glow styles, spring-physics interactions, and enough visual controls to skip the custom component entirely.
Pick one and build from there. Simple adds a soft box-shadow halo. Conic Spin runs a rotating gradient around the edges. Linear pushes a directional glow outward. Blobs places organic radial shapes that shift around the button. None keeps it flat. All five support up to three colors with oklch blending, so gradients stay accurate across the full color range.
On top of whichever glow mode you choose, you can add a gradient ring border, glass effect with backdrop blur, depth gradient fill, specular highlight, and noise texture overlay. Hover triggers a shimmer sweep across the button face.
Hover and tap scale with spring physics. The cursor pulls the button magnetically. The glow tracks the mouse position. Text glow and glow boost each activate on hover independently from the base state.
Fade, fade-up, fade-down, or fade with scale — all with stagger support, so a row of buttons sequences instead of popping in at once.
Respects prefers-reduced-motion, has a keyboard focus-visible outline, and renders as a native <button> with optional link behavior.
Glow Mode / Glow Colors (up to 3) / Outline Mode / Glass Effect / Depth Gradient / Specular Highlight / Noise Texture / Hover Shimmer / Hover Scale / Tap Scale / Magnetic Strength / Glow Follow Mouse / Text Glow on Hover / Glow Boost on Hover / Appear Animation / Stagger Delay / Font
Sanna Granqvist
