# Glimm Transition

> WebGL sweep transitions for React. A colour band sweeps across the viewport, revealing the incoming view behind it while retaining the outgoing view ahead. Wrap your app in GlimmProvider and call sweep(navigate) from useGlimm() on any route or state change. Zero runtime dependencies, respects prefers-reduced-motion, falls back gracefully without WebGL. By Noman Ijaz, MIT.

- Author: [nomanjack](https://21st.dev/@nomanjack)
- License: mit
- Tags: Transition, Shader, WebGL, Animation, Page Transition
- npm dependencies: glimm
- Live preview: https://21st.dev/@nomanjack/components/glimm-transition

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/nomanjack/glimm-transition?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/transition.md