#前端

5 篇
数据可视化 2 AI 2 GSAP 2 动画 2 A2UI 1 v0 1 bolt.new 1 CopilotKit 1 AI生成UI 1 Agent 1 AG-UI 1 Onlook 1

AVW-5:AI 生成 UI 与 Agent 渲染——v0、bolt.new、CopilotKit、A2UI 协议

AI 不再只是生成代码——它开始直接控制界面渲染。覆盖 11 个工具和协议:v0/bolt.new/DeepSite 的 AI 建站、CopilotKit/AGenUI 的 Agent UI 框架、Onlook/Open-Lovable 的 AI 设计工具、以及 A2UI/AG-UI 两套 Agent→界面流式渲染协议。这是 2024-2026 前端最剧烈的范式变革。

#A2UI#v0#bolt.new

AVW-3:数据可视化全景——ECharts、AntV、Plotly、Bokeh、Observable 等 15+ 工具

数据可视化是 AI 项目的'最后一公里'。本文覆盖 15+ 个工具:ECharts(Apache 顶级,中国标准)、AntV 七件套、Plotly(交互工业标准)、Bokeh(大数据渲染)、HiPlot(高维探索)、PyGWalker(Tableau 风格)、Observable(数据叙事)、Flourish(无代码故事)。每个工具附官网和 GitHub 链接。

#数据可视化#ECharts#AntV

AVW-2:动画引擎全景对比——GSAP、anime.js、Motion、Animate.css 与 Glaze

GSAP 是工业标准、anime.js 最优雅、Motion 是 React 原生的王者、Animate.css 零门槛、Glaze 把动画变成了 Tailwind 的 utility class。五款引擎的 API 对比、性能差异、最佳使用时机全解析。

#GSAP#anime.js#Motion

AVW-1:AI 动态视觉 Web 生态全景——40+ 工具的完整地图

一张覆盖动画引擎、数据可视化、交互叙事、AI 驱动 UI 生成、无代码设计的 40+ 工具全景地图。每个工具都附带官网和 GitHub 链接。

#AI#动画#数据可视化

GSAP 动画实战系列——从入门到 AI 可视化

GSAP 是现代 Web 动画的工业标准。本系列从核心概念出发,逐步深入到 ScrollTrigger 滚动动画、SplitText 文本特效、SVG 动画、React 集成,最终落到 AI 项目中的动态展示——一套完整的生产级动画方案。

#GSAP#动画#JavaScript