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