glimm — 基于 GPU 着色器驱动的 Next.js 极具流体质感整页路由切换动效方案。

基于 GPU 着色器驱动的 Next.js 极具流体质感整页路由切换动效方案。

包含组件

13
DemosTriggersPresetsEasingBand widthCustom palettePropsBest practicesNomanLiquid Route TransitionChromatic Aberration WarpRipple Page SwitcherNext.js App Router Bridge

glimm 将底层 WebGL 片元着色器(Fragment Shader)引入了 Next.js 路由过渡生态。它在页面切换瞬间捕获 DOM 视图纹理快照,并通过着色器实时计算流体融解、波纹扭曲与色散位移动画,呈现出如同原生顶级客户端应用般的非凡转场质感。