web-animation-engine
用 React 与 SVG 组合可拖动时间轴的网页动画
- Stars
- 1
- Forks
- 0
- 更新时间
- 更新于 2026年7月2日
用 React 与 SVG 组合可拖动时间轴的网页动画
web-animation-engine 提供一个约 700 行的 React 与 SVG 运行时,用 Stage 管理播放头,用 Sprite 为每个节拍限定显示时间,并把 SVG 图表层与 HTML 文本、图像层叠加成动画场景。它通过 CDN 加载 React 18 和 Babel,不需要 npm 或构建步骤,适合网页讲解动画、动效英雄区和可拖动时间轴;输出是可运行 HTML,不是视频文件。
资源类型
使用场景
运行平台
GitHub 公开事实最近同步于 2026年7月10日。
用现成模板和工作流搭建滚动驱动的 3D 网站。
先预览视觉方案,再由 Claude 完成网站或落地页构建。
把手机界面截图和风格图复刻成可交互 HTML
为 React、Vue 与 Svelte 组件生成并维护 Storybook 故事