← 返回业务线：AI 创意建站

本期距上期（2026-08-25）相隔两周，窗口为 2026-08-25～09-08。Motion、React Bits 均通过 npm registry 官方 API 与 GitHub commit/PR 页面直接核实版本号与时间戳；Safari 官方页面本轮检索环境无法直接打开，已用多方信源交叉核实，标注置信度。Lovable / bolt.new / v0.app 三家官方 changelog 域名本轮被网络出口策略拦截，本期未能核实是否有新功能，与”逐项核查后确认无更新”的其余空项性质不同，特此说明，留待下期用其他方式复核。

一、动效实现手法与库：Motion v13.2.0 首次直接驱动 Three.js / WebGPU 场景对象

Motion（motion.dev）v13.2.0 于 2026-09-02 发布（npm registry 时间戳直接核实：2026-09-02T15:25:47.792Z），新增：

  • animate.addEffect()：让 animate 可以驱动非 DOM 对象。
  • threeEffect（motion/three）：支持直接驱动 Three.js 对象、材质、shader uniform、TSL uniform 节点。
  • vgpuEffect（motion/vgpu）：支持共享 uniform、绑定、场景节点、相机、灯光、材质、轨道控制、颜色/向量组件，面向 WebGPU 场景。

这是 Motion 首次把动画系统直接接入 Three.js / WebGPU 场景对象，而不再局限于 DOM 元素——对”用 Motion 驱动 3D/Shader 场景”这类高完成度创意站点是本期最重要的一条更新。

来源：Motion CHANGELOG v13.2.0、GitHub Release、npm registry 官方 API 时间戳核实（2026-09-02）

GSAP 本期无新版本——npm registry 直查最新仍为 3.15.0（2026-04-13 发布），跳过。

二、常用组件/交互模式：React Bits 两周新增 5 个组件，完成文档改版与浅色模式

React Bits（github.com/DavidHDev/react-bits）本窗口密集更新，均经 GitHub commit/PR 页面直接核实：

  • Glow Cursor（鼠标跟随光轨）+ CRT Warp（指针交互式 CRT 等离子畸变，含扫描线与辉光）——2026-08-26。
  • 文档大改版 + 浅色模式（light mode）上线，落地页组件（Navbar/Hero/Features/Footer 等）同步重做——2026-08-28。
  • Infinite Spiral（无限循环 3D 螺旋图片墙）+ Ghost Fibers（深蓝递归光纤场背景）——2026-08-29，同批修复 Hyperspeed（弃用的 Three.Clock）、Shuffle（竖排字形裁切）等既有组件问题。
  • AeroShards（GPU 驱动折纸箔片群，”content-safe placements”——背景效果自动避让正文区域，响应式指针交互）——2026-08-31。

对建站的启发：AeroShards 的”content-safe placements”是一个值得直接借鉴的具体设计手法——把”背景动效不能盖住正文”这条经验规则做成了组件自带的自动避让逻辑，而不是靠人工调 z-index 和留白试错。

来源：React Bits commit a689d0e（Glow Cursor / CRT Warp，08-26）、commit 1b252c1（文档改版/浅色模式，08-28）、commit a81bfc3（Infinite Spiral / Ghost Fibers，08-29）、commit 559c74c（AeroShards，08-31）

三、性能/无障碍/响应式：Safari TP 251 新增排版特性；React Bits 一处无障碍回归待跟进

Safari Technology Preview 251（2026-08-26）⚠️新增 @supports at-rule(...) 语法支持、object-view-box 属性、@container 查询支持逗号分隔的多条件组合、Canvas 面板新增 WebGPU 设备录制与内容预览支持。官方页面本轮检索环境无法直接打开逐字核对，内容经多方搜索结果交叉确认，标注待核实。

React Bits DecryptedText 组件无障碍回归（PR #1067，2026-09-05）：该 PR 修复了”参照文本可见”的显示 bug，改用 visibility: hidden 隐藏参照文本，但代码审查已指出这一改法可能移除无障碍树中唯一非 aria-hidden 的文本，导致屏幕阅读器读不到内容，维护者仍然合并。这是一个值得在”性能/无障碍/响应式”子领域记录并持续跟进的技术债样本——视觉修复与无障碍语义可能互相冲突，值得作为建站方法论里的一条反面案例。

来源：WebKit · Safari Technology Preview 251 Release Notes（2026-08-26）；React Bits PR #1067（2026-09-05）

本期未展开（无新料或不硬凑）

  • vibe coding 建站工作流（Lovable / bolt.new / v0.app）：三家官方 changelog 域名本轮被网络出口策略拦截，未能核实窗口内是否有新功能，与其余”已排查确认无更新”的空项不同，留待下期用其他检索路径复核。
  • 设计到代码：Figma Code Connect 最新版本仍为 2.0.0（2026-08-18，上期已收录），npm registry 与 GitHub releases 均确认窗口内无新版本。
  • 部署与技术栈：Jekyll 最新版本仍为 v4.4.1（2025-01-29），GitHub releases 确认窗口内无新版本；GitHub Pages 本期未检索到与部署相关的功能更新。
  • Chrome 153：稳定版是否已于窗口内（约 09-08）发布，本轮无法核实官方一手公告，标待核实，留待下期确认。

参考来源

  1. Motion CHANGELOG v13.2.0（2026-09-02）— https://raw.githubusercontent.com/motiondivision/motion/v13.2.0/CHANGELOG.md
  2. Motion GitHub Release v13.2.0 — https://github.com/motiondivision/motion/releases/tag/v13.2.0
  3. React Bits commit a689d0e（Glow Cursor / CRT Warp，08-26）— https://github.com/DavidHDev/react-bits/commit/a689d0e
  4. React Bits commit 1b252c1（文档改版/浅色模式，08-28）— https://github.com/DavidHDev/react-bits/commit/1b252c1
  5. React Bits commit a81bfc3（Infinite Spiral / Ghost Fibers，08-29）— https://github.com/DavidHDev/react-bits/commit/a81bfc3
  6. React Bits commit 559c74c（AeroShards，08-31）— https://github.com/DavidHDev/react-bits/commit/559c74c
  7. React Bits PR #1067（DecryptedText 无障碍回归，09-05）— https://github.com/DavidHDev/react-bits/pull/1067
  8. WebKit：Safari Technology Preview 251 Release Notes（2026-08-26）— https://webkit.org/blog/18194/release-notes-for-safari-technology-preview-251/
知识库创意建站