A neon outline with a breathing glow that quickens on hover. Each click sends a ring ripple out from the pointer.
Aurora Nights
Eight hours, three rooms, one sunrise set.
npx shadcn@latest add https://hyperblur.dev/r/button-neon-pulse.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/button-neon-pulse.tsx.
import { ButtonNeonPulse } from "@/components/hyperblur/button-neon-pulse"
<ButtonNeonPulse accent="#ff3df0">Get tickets</ButtonNeonPulse>| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | "Get tickets" | Button label. |
| variant | "outline" | "filled" | "outline" | Glowing outline on a dark face or a solid neon face. |
| accent | string | "#ff3df0" | Neon color of the border, glow, text and ripple. |
| size | "sm" | "md" | "lg" | "md" | Font size and padding preset. |
| loading | boolean | false | Shows a spinner, sets aria-busy and blocks clicks. |
| disabled | boolean | false | Disables the button and dims it. |