# Unique Loader Components

> This code implements five different loading animation components using React and the Framer Motion library. Each component features unique visual styles and animation patterns to provide diverse loading experiences for users.  The animations utilize various properties like scale, skew, position, and fill to create visually engaging loaders.

- Author: [Sonu](https://21st.dev/@uniquesonu)
- License: unknown
- npm dependencies: motion
- Live preview: https://21st.dev/@uniquesonu/components/unique-loader-components

## Install

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