NewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.
NewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.
Noman · · Shaders & WebGPU
glimm
By Noman (iamnoman.com), glimm adds a GPU-composited sweep during navigation or any state change you wire up. Wrap the app in GlimmProvider, trigger via TransitionLink, useTransitionRouter, or InterceptLinks for all internal links. Six cosine-gradient palettes, ten easing curves, and tunable band width, with zero runtime dependencies and a lazy WebGL context that costs nothing until the first transition. The docs include copy-paste prompts for coding agents to install glimm in a Next.js layout.
What's interesting
WebGL band sweeps on route changes, idle until the first transition
Six palettes, ten easing curves, tunable band width
From AI UX Playground: https://aiuxplayground.com/inspirations/glimm-dev
glimm by Noman
By Noman (iamnoman.com), glimm adds a GPU-composited sweep during navigation or any state change you wire up. Wrap the app in GlimmProvider, trigger via TransitionLink, useTransitionRouter, or InterceptLinks for all internal links. Six cosine-gradient palettes, ten easing curves, and tunable band width, with zero runtime dependencies and a lazy WebGL context that costs nothing until the first transition. The docs include copy-paste prompts for coding agents to install glimm in a Next.js layout.
Add glimm page transitions to our Next.js app.
Install: npm install glimm
Wrap the root layout with GlimmProvider and InterceptLinks from glimm/next.
Palette: [prism | name]. Keep our existing layout markup.
