# Focus Blur Image Carousel

> Focus blur image carousel for React: a camera-style focus pull where the centred photo is sharp while its neighbours blur, shrink and fade continuously as you scroll, swipe or drag. Native scroll snapping, keyboard, buttons and autoplay, theme-aware, reduced-motion aware. Use for galleries, portfolios and product photos.

- Author: [Kedhareswer Naidu](https://21st.dev/@kedhareswer)
- Library: [Image Carousels](https://21st.dev/@kedhareswer/library/image-carousels)
- License: mit
- Tags: Carousel, Slider, Gallery, Interactive, Image Gallery
- Live preview: https://21st.dev/@kedhareswer/components/focus-pull-carousel

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/kedhareswer/focus-pull-carousel?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/carousel.md