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

本期距上期(2026-09-15)相隔一周,窗口为 2026-09-15~09-22。本期”有料但非爆款周”:两条硬新闻分别落在”动效实现手法与库”与”vibe coding 建站工作流/部署技术栈”,其余子领域多为维护性更新或本期无新料,如实标注、不硬凑。

一、动效实现手法与库:Motion v13.4.0 新增 AnimateView 视图过渡

Motion(npm 包 motion)发布 v13.4.0,npm 时间戳与 GitHub 双源交叉确认落在本窗口内(约 09-17/18)。核心新增 AnimateView(motion/react-animate-view)——基于 React 19.3 原生 ViewTransition 能力封装的视图级转场动效,可直接用于页面/路由切换的入场转场;同版本还带来多项性能优化(启动耗时降约 20%、逐帧 JS 开销降约 10%、帧调度速度提升约 10%)。

GSAP 经 npm registry 核实仍为 3.15.0,本期无更新。

⚠️ 待核查:Motion 官方 changelog 页面(motion.dev)本轮被检索环境拦截,精确到日的发布时间未能直接核对原文,以上基于 npm 时间戳 + GitHub commit 双源交叉确认。

来源:npm · motion;motion GitHub

二、vibe coding 建站工作流 / 部署与技术栈:Lovable 开源 Rust 原生开发服务器 OJ

Lovable 于 2026-09-15 发布博客《Faster previews, soon powered by OJ》,宣布推出并开源 Rust 原生开发服务器 OJ(GitHub 组织 lovablelabs),用于替代当前 Vite/Node 开发服务器链路。官方基准测试显示:合成场景冷启动提速约 4 倍,sandbox 获取时间中位数从 14.5 秒降至 3.0 秒,内存占用约为 Node/Vite 方案的 1/6.5。这是本期 vibe coding 建站工作流里最实质的一条基础设施级进展,直接影响 AI 辅助建站的预览/迭代体验,也冲击了”Vite 一统前端开发服务器”的既有格局,值得在”部署与技术栈”子领域同时记录一笔。

来源:Lovable 官方博客;lovablelabs/oj(GitHub)(两方独立报道交叉核实要点一致)

三、性能/无障碍/响应式:Chrome 155 进入 Beta,带来动效相关 CSS 新特性

Chrome 155 于 2026-09-16 进入 Beta 频道(Windows/Mac/Linux/Android/iOS 同步)。与创意建站直接相关的新特性包括:CSS symbols() 函数(内联定义计数器样式)、text-decoration-skip-spaces、margin-trim 属性,以及 JPEG XL 支持。

来源:Chrome 155 Beta 官方博客、Chrome Releases 博客(二次报道交叉核实)

Firefox 157 Beta 的具体发布日期在不同信源间存在冲突(部分称构建节点在窗口外的 09-14,部分称 09-15/16),核心内容(Nova UI 重新设计公测、HDR 8-bit 视频支持等)暂标 ⚠️待核实,未纳入正文主张。Safari 本期未发现 STP 253 等新版本。

四、常用组件/交互模式:React Bits 一周内 6 个维护性修复

GitHub 直接核实 DavidHDev/react-bits 窗口内合并的 6 个 PR,均为既有组件的稳定性修复,非新组件发布:PixelSwap 补充预览视频(PR#1083,09-16)、FallingText 修复内存泄漏(PR#1082,09-18)、GlassSurface 修复 Tailwind 变体 ref 初始化(PR#1084,09-18)、ChromaGrid 补齐 Tailwind 变体属性(PR#1085,09-18)、下架一处被植入钓鱼链接的展示案例(PR#1090,09-18,安全维护)、ComponentList 缩略词路由修复(PR#1092,09-19)。体现持续维护活跃度,但本期无新交互模式或新组件,仅作简要记录。

来源:react-bits GitHub PR 列表(PR#1082~#1092,均 GitHub 直接核实)

本期未展开(无新料或不硬凑)

  • Web 动效技法图鉴:Codrops 窗口内仅发布一篇与网站内容结构对 AI 可读性相关的文章(09-20),与动效/视觉技法无关,未纳入。
  • 视觉风格与「高完成度」做法:本期未发现适合深度拆解的官方案例解读长文;Awwwards 窗口内周榜(Léo Parpeix、Aspen Search、L.I.S.A.、LxL Creative、Noho、Boc.Studio 等)仅作为后续选材候选,非本期”新进展”事件本身,故不计入正文。
  • 设计到代码(Figma Code Connect):当前最新版本 2.0.0 发布于窗口前,本期无新版本或 changelog 更新。
  • 排除的候选:Bolt Forge 第三代理(09-14 发布,日期不在窗口内);v0.app 的 Platform API v2 beta、附件上传等条目未能核实精确发布时间戳,未纳入。

参考来源

  1. npm · motion — https://www.npmjs.com/package/motion
  2. motion GitHub — https://github.com/motiondivision/motion
  3. Lovable 官方博客:Faster previews, soon powered by OJ — https://lovable.dev/blog/faster-previews-oj
  4. Chrome 155 Beta 官方博客 — https://developer.chrome.com/blog/chrome-155-beta
  5. react-bits GitHub(PR#1082~#1092)— https://github.com/DavidHDev/react-bits/pulls