这里收藏值得反复研究的创意网站、WebGL 实验、交互叙事与前端视觉工程。
我们不只保存网页文件，也尽量回答更有价值的问题：这个体验在做什么、视觉是怎样被组织起来的、交互由什么状态驱动、哪些效果来自 DOM / Canvas / WebGL，以及镜像距离原始网站还有多远。
整理完成的项目通常会提供中文 README，内容包括：
- 项目定位、体验流程与主要交互；
- 基于原始网站或本地代码的实现分析；
- 框架、渲染器、动画、物理、音视频和资源管线；
- 关键模块、状态关系与可复用的实现思路；
- 本地运行方式、构建产物结构和验证记录；
- 缺失资源、线上依赖、静态路由与版本漂移等归档边界；
- 原作者、原始网站与版权说明。
- 代码和事实优先。 技术结论尽量由仓库文件、构建产物、资源元数据或实际运行结果支持。
- 原站与快照交叉验证。 原始网站仍可访问时，会对照页面结构、关键资源和运行行为。
- 版本漂移要明确记录。 如果官网已经改版、同名资源被覆盖或线上实现与快照不同，会分别说明；此时以仓库中的本地代码作为快照分析依据。
- 镜像不冒充源码。 生产 bundle、静态抓取、独立复刻和原始工程会明确区分。
- 可运行不等于完整。 即使入口能打开，也会继续检查动态资源、API、字体、模型、音视频、路由回退和第三方依赖。
- 验证后再合并。 README、仓库简介、演示地址、静态服务、关键文件和部署检查完成后，才进入主分支。
| 后缀或类型 | 含义 |
|---|---|
-mirror |
对某个时间点线上生产版本的静态归档 |
-clone |
根据原站重新实现的独立复刻 |
| 实验 / Sketch | 从目标效果中提炼出的原创技术练习 |
具体边界始终以各仓库 README 为准。同为 mirror 的项目，也可能因为动态接口、登录状态、资源防盗链或抓取时机而具有不同完整度。
- Three.js、React Three Fiber、WebGL2、WebGPU 与 GLSL
- GSAP、Motion、Rive、Lottie 与滚动叙事
- 粒子、流体、Shader、后期处理和多场景合成
- Blender / glTF、Draco、KTX2、Basis 与 3D 资源优化
- Canvas、SVG、D3、音视频编排与沉浸式 UI
- Next.js、Nuxt、Svelte、Webflow 等生产站点的构建分析
- 静态镜像、资源清单、哈希比对与可复现验证
- shader-se-clone：Shader.se 的 Cloudflare Pages 实时镜像与中文实现分析，涵盖 WebGPU / Three.js、滚动时间线、后处理管线和反向代理边界。
其余资料主要用于内部研究。仓库可见性不会因为 organization 主页而改变。
这些归档和分析用于学习、研究与技术参考，不代表原项目官方版本。网站设计、代码、品牌、图片、模型、音频、视频和文字内容的权利归原作者及相关权利人所有。公开传播、再发布或商业使用前，请先确认对应项目的授权与许可。