# Card Fan Preloader

> A loading gate built from six playing cards fanning through an arched deal. Cards two through five each slide into the next card's slot over the same half-second, so every position stays occupied and the cycle loops with no visible seam. Floats up and fades to reveal your page, or runs continuously as an ambient loader. No dependencies beyond React and no network requests.

- Author: [Kedhareswer Naidu](https://21st.dev/@kedhareswer)
- License: mit
- Tags: Animated, Cards, Loader, Preloader, Transition
- Live preview: https://21st.dev/@kedhareswer/components/card-fan-preloader

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/kedhareswer/card-fan-preloader?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 · More like this: https://21st.dev/community/components/s/animated.md