GitHub Stars
Docs
Glowing Button

Glowing Button

A visually distinct button component featuring a configurable, animated glow effect to highlight calls to action or important interactions.

Installation

pnpm dlx shadcn@latest add https://badtz-ui.com/r/glowing-button.json
pnpm dlx shadcn@latest add button

Usage

import { GlowingButton } from "@/components/ui/buttons/glowing-button";
<GlowingButton>Hover me</GlowingButton>

Props

glowing-button props.

PropTypeDescriptionDefault
childrenReact.ReactNodeThe content to be displayed inside the button.-
classNamestringAdditional CSS classes to apply to the button for custom styling.-
glowColorstringThe hexadecimal color code for the button's glow effect."#a3e635"
Previous
Next