# Falling Symbols Background

> This component is a reusable animated background generator built with WebGL (via the OGL library). Instead of relying on static images or repetitive patterns, it dynamically creates floating geometric characters (letters, numbers, or symbols) that drift and fade across the screen. The design makes it suitable as a hero section background for websites, since it adds subtle visual motion without overwhelming the foreground content. Because the characters are randomized, each render feels unique, giving a modern and minimalistic aesthetic. The abstraction also allows developers to swap character sets, adjust speed, opacity, or colors, making the component highly customizable and theme-friendly for both light and dark modes.

- Author: [Ruixen UI](https://21st.dev/@ruixen.ui)
- Library: [Ruixen UI](https://21st.dev/@ruixen.ui/library/ruixen-ui)
- License: unknown
- Live preview: https://21st.dev/@ruixen.ui/components/falling-symbols-background

## Install

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