# GlowButton

> The GlowButton component is a beautifully crafted, interactive button that delivers a premium, modern feel through smooth animations and subtle lighting effects. Designed using Framer Motion and Tailwind CSS, it features a pearl-like gradient background with dynamic inner shadows and glowing highlights that softly react to user interactions. On hover, the button scales up gracefully with a spring-based transition, while the inner reflections and glow layers shift delicately to create a sense of depth and realism. Its sleek motion, gentle light diffusion, and responsive feedback make the GlowButton ideal for high-end interfaces, landing pages, and any design that aims to blend elegance with interactivity.

- Author: [ruhith](https://21st.dev/@ruhith369)
- License: unknown
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@ruhith369/components/glow-button

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruhith369/glow-button?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt