# GPU-Accelerated 3D Blur Swiper & Gallery

> A highly optimized, hardware-accelerated image gallery and modal swiper. Features extremely smooth 3D transitions with blur depth effects. Implements intelligent DOM windowing (renders max 4 items at a time while preloading others in the background) to prevent WebKit GPU glitching/pixelation on Safari and Chromium. Perfect for heavy media portfolios. Supports both images and videos.

- Author: [Max Kizim](https://21st.dev/@kizimmaxim)
- Library: Max Kizim
- License: unknown
- npm dependencies: clsx, framer-motion, tailwind-merge
- Live preview: https://21st.dev/@kizimmaxim/components/gpu-accelerated-3d-blur-swiper-gallery

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/kizimmaxim/gpu-accelerated-3d-blur-swiper-gallery?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