glimm
React and Next.js library for shader-driven page transitions: a WebGL band sweeps across route changes, with presets, easing, and agent-ready install prompts.
What's interesting
- WebGL band sweeps on route changes, idle until the first transition
- Six palettes, ten easing curves, tunable band width
- Next.js helpers: GlimmProvider, InterceptLinks, TransitionLink
Prompt your agent
From AI UX Playground: https://aiuxplayground.com/playground/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.
