# Comet Hero

> An animated SVG component recreating the swirling line animation from the Perplexity Comet download page. Features four 3D-rotated circles with gradient strokes (teal, orange, rose, amber) animated via strokeDashOffset. The visual effect comes from carefully tuned rotation angles, gradients, and animation speeds to achieve the signature swirling motion.

- Author: [Tony Sebastian](https://21st.dev/@tonyzebastian)
- License: unknown
- Live preview: https://21st.dev/@tonyzebastian/components/comet-hero

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/tonyzebastian/comet-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