# Loading Indicator

> This React component renders a visually appealing loading indicator using CSS animations.  It features customizable size, colors, spin and squeeze durations, and allows for styling customization via className props.  The loader consists of two elements that rhythmically squeeze and spin, creating a dynamic loading effect.

- Author: [Sonu](https://21st.dev/@uniquesonu)
- License: unknown
- Live preview: https://21st.dev/@uniquesonu/components/loading-indicator

## Install

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