# AI Grid Loader - Animated Loading Component

> A modern, customizable 3x3 grid loading animation component built with React and Tailwind CSS. Features a sophisticated cube-scaling animation with staggered timing effects, perfect for AI applications, data processing interfaces, and modern web apps. The component rotates 45 degrees and uses smooth cubic-bezier animations to create an engaging visual experience while content loads.

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- Live preview: https://21st.dev/@muhammad-binsalman/components/ai-grid-loader-animated-loading-component

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/ai-grid-loader-animated-loading-component?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