Atelier UI

Search components…

Search components…

Hover Glow Button

A blurred glow spot follows the cursor across the button; glow color is adjustable.

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

HoverGlowButtonProps

Also accepts all props of React.ComponentProps<"button">

PropTypeDefaultDescription
glowColorstring"#3b82f6"Color of the glow that follows the cursor

Install

$ npx shadcn@latest add https://chromotion.dev/r/hover-glow-button.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this