# Celestial Sphere Hero

> something new. This hero component is called "Celestial Sphere." It features a rotating 3D sphere composed of thousands of tiny particles. As you move your mouse over the sphere, the particles react by glowing and subtly shifting, creating an interactive celestial body right on your screen. The design is clean, modern, and aims to create a sense of depth and wonder.

- Author: [Dhileep Kumar GM](https://21st.dev/@dhileepkumargm)
- License: unknown
- npm dependencies: lucide-react, framer-motion
- Live preview: https://21st.dev/@dhileepkumargm/components/celestial-sphere-hero

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/dhileepkumargm/celestial-sphere-hero?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