# Rising Glow

> This component, RisingGlow, is a visually engaging UI element designed to create a dynamic ambient effect beneath a heading or text. It generates a series of glowing particles that rise from the bottom of a container, gradually fading out as they ascend, simulating a magical or ethereal glow. The component is fully customizable, allowing you to adjust the number of particles, their color, size, and the overall width and height of the effect, making it adaptable to different sections of a page. Built with React and Framer Motion, it leverages smooth, infinite looping animations to maintain continuous movement, adding depth and a modern, futuristic aesthetic to your interface. This component works especially well for hero sections, promotional banners, or any UI element where subtle animated accents can enhance visual appeal without overwhelming the content.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- npm dependencies: framer-motion
- Live preview: https://21st.dev/@ruixen.ui/components/rising-glow

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ruixen.ui/rising-glow?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