# Image loading

> A customizable image loader component that displays an animated grid overlay while the image loads. The grid cells blink initially, then fill with colors sampled from the image, expand to cover gaps, and fade out to reveal the final image with smooth transitions.

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

## Install

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