✳flâneur — a map of the web's best reading
glimm — shader-driven page transitions
glimm.dev · 1,009 words · saved by 3 readers
A single WebGL band sweeps across the screen while routes swap underneath. Sub-10kb, GPU-composited, drop-in.
glimm — shader-driven page transitions glimm glimm is a React and Next.js library for delightful shader-driven page transitions. It sweeps a single WebGL band across your screen during route changes or any state change you select. The new view appears underneath as the band moves. It is GPU-composited, under 10 KB, and has zero performance impact. $ npm install glimm Zero runtime dependencies. React 18+ and Next 13+ are peer deps. Preview Demos Demo 1 Demo 2 Demo 3 Demo 4 Installation You can install glimm using npm, or share the following prompt with a coding agent to set it up for you. $ npm
Explore this link on the map →saved by
related reading
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- GitHub - josephmiclaus/p5.grain: Conveniently add film grain, seamless texture overlays, and manipulate pixels to achieve nostalgic and artistic effects in p5.js sketches and artworks. · GitHubgithub.com
- Shadersshaders.com
- Chloe's Gardenchloeyan.me
- Grainradgrainrad.com
- How Notion pulled itself back from the brink of failure | Figma Blogfigma.com
- Unicorn Studio — No-code WebGL Toolunicorn.studio
- Grainradgrainrad.com
- Liquid metal — Animated metal shader effectmetal.jakubantalik.com
- Transitions.dev — Essential transitions for web appstransitions.dev
- next.js/examples at canary · vercel/next.js · GitHubgithub.com
- Codrops Fan Museumtympanus.net