Ex-Vercel engineer Shu Ding: linear approximation gives free layout animations

shuding · x · 2026-10-27

Shu Ding 展示两个数学化 UI 技巧:Linearity——断点之间布局随窗口宽度线性变化,因此只需跑一次真实布局并求一次导数,就能用线性插值 f(x) ≈ f(a) + f'(a)(x−a) 预测中间所有帧,省掉逐帧计算。Smoothness——直接修改编译出的布局数学函数,把每个 step() 软化为 sigmoid(),布局动画就

Related event: Vercel's The Calculus of Interfaces Compiles React UI into Math Functions(11 posts)→

Original post →

More from Research

Research channel →