wgshadertoy
在浏览器里实时编写和调试 WGSL 着色器，像 Shadertoy 一样简单。
项目预览
项目数据
项目介绍
Star 增长趋势
本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整
数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 123
核心亮点
- 原生支持 WGSL，无需转换，直接使用 WebGPU 最新着色语言
- 实时预览，编辑代码立即看到渲染效果，提升调试效率
- 基于 Rust/WASM，性能出色，且易于扩展和集成
不足之处
- 项目早期，功能较基础，缺少丰富的示例库
- 文档和社区生态尚不完善，上手可能需要自行摸索
适用场景
- WebGPU 开发者快速验证着色器想法
- 学习 WGSL 语法和图形编程的教学场景
- 在浏览器中制作和分享动态视觉效果
替代项目
Shadertoy、Shaderfrog、glslsandbox
上一篇：animartrix
下一篇：p5-svelte
同类项目推荐
webgradients
开源
180款免费渐变，一键复制CSS，支持Figma和AI调用
180 free CSS3, Figma, Sketch & PSD gradients — plus a JSON dataset for design tools···
noisemaker
开源
用几行代码生成酷炫噪声纹理和视觉特效
A friendly and extendable shader art engine.
SwiftGraphics
开源
用 Swift 代码生成 SVG，直接驱动笔式绘图仪创作艺术。
SwiftGraphics is a library for creative coding and generative art tailored towards r···
p5-single-line-font-resources
开源
在 p5.js 里一键渲染极简单线字体，做线条艺术和动态文字。
An archive of monoline vector fonts, and p5.js code to render them.
poster-studio
开源
浏览器里做小红书封面，开箱即用零门槛
乔木画布：小红书封面、知识卡片和社媒海报设计工作台 | Browser poster studio for Xiaoh···
claude-directory
开源
复制即用的 AI 生成界面组件，快速搭出炫酷落地页
Open-source AI interfaces built with Claude (Fable 5) including hero sections, GLSL ···
qiaomu-design
开源
让 Claude Code 写前端不再千篇一律
偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Op···
live-panel-skill
开源
写一份 JSON，自动生成会动的架构图视频或网页
Config-driven animated architecture diagrams: turn one JSON file into a terminal-sty···
official-design-md
开源
让 AI 读官方设计规范，一键生成统一品牌 UI。
Official DESIGN.md files published by companies themselves. First-party design syste···