visualization-collection

TypeScript

🌈 一个专注于前端视觉效果的集合应用，包含CSS动效、Canvas动画、Three.js3D、人工智能应用等上百个案例（持续更新）

Last updated Jul 7, 2026

4.6k

Stars

674

Forks

0

Issues

+2

Stars/day

Attention Score

99

View on GitHub ↗ Open in github.dev

Topics

#canvas #collection #css3 #frontend #javascript #react #threejs #typescript #visualization

Language breakdown

TypeScript 67.6%

SCSS 21.3%

JavaScript 10.9%

HTML 0.1%

GLSL 0.1%

▸ Files click to expand

README

visualization-collection

一个专注于前端视觉效果的集合应用，包含CSS动效、Canvas动画、Three.js3D、人工智能应用等上百个案例（持续更新）

在线体验(PC端)

体验地址：http://hepengwei.cn

Vue版本：https://github.com/hepengwei/visualization-collection-vue

复合组件示例库项目：https://github.com/hepengwei/composite-component-library

应用展示(部分效果)

视觉设计

交互设计

Canvas动效

量子纠缠效果(隐藏款)

本地启动

yarn
npm run dev

最新运行环境

node：v22.16.0
npm：v10.9.0
yarn：v1.22.22
node-gyp：v10.1.0

持续更新，敬请关注

🔗 More in this category