工具与素材
paperlab:把纸做成可折叠/可点燃几何的开源 React 库(过程+可试用)
信封/票据/卡片揭层等仪式感微交互,应先试用「真几何折痕」预设,而不是用假 CSS 折痕硬撑。

2026-10-18 Codrops 刊出 paperlab:开源 React/R3F 纸张库,弯折保弧长,含 peel/letter-fold/unroll 等十二种行为预设、编辑器与 .paper 数据格式;另有 MediaPipe 手势点火与浏览器火焰检测。站点可试用 editor/Hands/FX Lab;npm 包名 paperlab,Apache-2.0。
tympanus.net/codrops/2026/10/18/real-folds/:That repo is now paperlab, an open-source React library that renders paper as real geometry · every bend in this library preserves arc length。paperlab.nawwara.studio 可试用。
为什么值得看
做信封/票据/卡片揭层/仪式感微交互时,可直接试用预设与编辑器;过程文对「假 CSS 折痕 vs 真几何」的取舍也可收藏。
可以试试
打开官方 editor,拖一种 letter-fold 预设,看弧长是否保持,再决定是否引入项目。