Shadowgraph
TrendingBuzzResearch
Chrome extension
Sign in

hepengwei/visualization-collection

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

TypeScript

4,592

583 commits

updated Oct 14, 2026

See the code

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

持续更新，敬请关注

canvas
collection
css3
frontend
javascript
react
threejs
typescript
visualization

Significant stargazers

Sanbu 散步

1,104 followers · starred Oct 2025

Kai

1,611 followers · starred Mar 2023

Edward

15 followers · starred Mar 2023

思翊

58 followers · starred May 2023

Similar repos

DavidHDev/canvas-ui

A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue,…

4,853

kitlangton/visual-effect

Interactive Effect Visualizations

1,164

lindelof/awesome-web-effect

A series of exquisite and compact web page cool effects

3,163

raphamorim/awesome-canvas

A curated list of awesome HTML5 Canvas with examples, related articles and posts.

1,867

huaize2020/awesome-frontend

前端开发资源大全中文版。An awesome front end develop packages and resources

214

tnfe/TNT-Weekly

🙈 🙉 🙊 为您甄选国内外前端领域的优质资讯，洞悉行业最新进展，助力技术成长之旅。

5,394

kaganin/iwrzwr-visual-archive

160+ experimental visualization studies across 25+ categories, built with javascript. explore…

100

VisActor/VRender

VRender, not just a feature-rich visual rendering engine, but also a skillful and ingenious tool…

264

hepengwei/visualization-collection

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

TypeScript

4,592

583 commits

updated Oct 14, 2026

See the code

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

持续更新，敬请关注

canvas
collection
css3
frontend
javascript
react
threejs
typescript
visualization

Significant stargazers

Sanbu 散步

1,104 followers · starred Oct 2025

Kai

1,611 followers · starred Mar 2023

Edward

15 followers · starred Mar 2023

思翊

58 followers · starred May 2023

Similar repos

DavidHDev/canvas-ui

A library of creative canvas components. Real HTML with WebGL effects running over it. React, Vue,…

4,853

kitlangton/visual-effect

Interactive Effect Visualizations

1,164

lindelof/awesome-web-effect

A series of exquisite and compact web page cool effects

3,163

raphamorim/awesome-canvas

A curated list of awesome HTML5 Canvas with examples, related articles and posts.

1,867

huaize2020/awesome-frontend

前端开发资源大全中文版。An awesome front end develop packages and resources

214

tnfe/TNT-Weekly

🙈 🙉 🙊 为您甄选国内外前端领域的优质资讯，洞悉行业最新进展，助力技术成长之旅。

5,394

kaganin/iwrzwr-visual-archive

160+ experimental visualization studies across 25+ categories, built with javascript. explore…

100

VisActor/VRender

VRender, not just a feature-rich visual rendering engine, but also a skillful and ingenious tool…

264