mesh3d：找 3D 网站灵感不用再翻半天
发现钩子
最近找 3D 网站参考时，我又一次掉进了那个熟悉的坑：Awwwards 太大，Behance 太杂，X 上的链接太碎。你明明只是想找几个 Three.js 或 WebGL 做得漂亮的真实项目，结果半小时过去，收藏夹里多了十几个页面，但真正能拿来参考的没几个。
mesh3d 就是在这种场景里显得很顺手的网站。它不是泛泛的设计灵感站，而是把范围收得很窄：只看交互式、实时渲染、3D 视觉明显的网站和实验。
第一眼看过去，它有点像给创意前端准备的高质量样片库。首页不是长篇介绍，而是一排排真实网站预览，很多条目直接带动态视频。你不用点进去赌运气，扫一眼就能判断这个项目是不是值得打开。
一句话定义
mesh3d 是一个专门策展 Three.js、WebGL、AI 3D 和互动网页体验的灵感库，面向设计师、开发者、创意总监和做沉浸式网页项目的人。
为什么有趣
mesh3d 最有价值的地方，是它把“3D 网页灵感”从大而散的设计平台里单独拎了出来。
这件事看起来小，但对真实工作很有用。普通设计灵感站里，3D 项目常常混在品牌站、作品集、海报视觉和 App UI 里面。你搜索 WebGL，结果可能有网页、有动效、有插画、有概念图。mesh3d 的筛选更明确：浏览器里跑起来的 3D 体验，才是主角。
目前站内有数百个网站、几十个实验项目和一批 maker 页面。About 页把它说得很直接：它想成为寻找 WebGL 和 Three.js 网页体验的起点。这个定位很准，因为 3D Web 项目最难找的不是“好看”，而是“真实可访问、已经上线、能观察细节”。
它不是只给你看截图
很多灵感库最大的问题是只给一张封面图。封面当然好看，但 3D 网站的核心常常不在静态画面，而在滚动、鼠标响应、相机运动、模型切换和加载节奏。
mesh3d 的很多条目会显示动态预览，有些还带视频。你在列表页就能感受到这个项目是靠 shader、粒子、模型、视差还是全屏叙事撑起来的。
这对前端尤其有帮助。你看到的不只是“这个画面很酷”，还会开始判断：这个效果可能是 Three.js 场景，还是 CSS / WebGL 混合？交互密度是否适合移动端？加载动画是不是遮住了模型资源的等待时间？
分类足够细，但不打扰浏览
mesh3d 的标签覆盖 Agency、AI、Architecture、Interactive、Particles、Shader、SaaS、Portfolio、Gaming、Fashion 等方向。这个标签系统不是为了炫耀信息架构，而是真的方便找参考。
比如你要做一个 AI 产品官网，可以先看 AI 和 SaaS；你要找更偏视觉实验的东西，就去 Experiments；你想找谁做的，可以从 Makers 页面顺藤摸瓜，进入具体工作室或开发者的作品列表。
我很喜欢这个 Makers 维度。很多灵感站只收项目，不关心背后是谁做的。mesh3d 把 maker 当成一级对象，等于帮你建立了一张创意技术人才地图。你不仅能看到一个好案例，还能继续追这个团队的其他作品。
它把“实验”和“完整网站”分开
这点很重要。
3D Web 领域有大量漂亮实验，但它们未必适合作为商业网站参考。一个 shader 玩具可以把 GPU 烧得很开心，但真正的品牌站还要考虑文案、导航、移动端、转化路径和可访问性。
mesh3d 把 Websites 和 Experiments 分开，浏览时心理预期很清楚。你想找上线项目，就看网站；你想找视觉可能性，就看实验。这个小分区省了很多判断成本。
谁适合用
- 创意前端：找 Three.js、WebGL、shader、粒子和互动叙事的真实案例
- 设计师：看 3D 视觉如何服务品牌，而不是只停留在酷炫背景
- 创意总监 / 制片人：快速判断一个 3D 网页项目能做到什么质感
- AI 产品团队：参考 AI、科技、SaaS 类产品如何用 3D 做第一屏记忆点
- 独立开发者：提交自己的作品，顺便看看同领域 maker 在做什么
如果你之前收藏过 Google Labs 这种“进去就能逛半天”的站，mesh3d 也是同一类收藏对象。不同的是，Google Labs 适合看 AI 产品实验，mesh3d 适合看网页视觉和交互实验。
上手体验
最简单的用法是直接打开首页，看 Latest additions。mesh3d 的最新项目更新频率不低，首页能看到最近加入的案例。点进单个项目后，你可以访问原站，也能看开发者或工作室信息。
如果你有明确需求，可以从 Websites、Experiments、Makers 三个入口走。
- Websites：找完整上线站点，适合做商业项目参考
- Experiments：找更纯粹的视觉和技术实验
- Makers：找做这类项目的人和团队
我自己的用法会更粗暴一点：先扫动态预览，打开 5 个感觉最有料的项目，然后只做三件事。
- 看第一屏有没有把 3D 当成内容，而不是装饰
- 看滚动和鼠标交互有没有服务叙事
- 看移动端有没有明显退化到“只剩一张图”
这样筛一轮，比在大型设计站里盲搜 Three.js 高效很多。
槽点也有。mesh3d 的站点本身比较依赖动效和图片，弱网下体验不会特别轻。另一个小遗憾是它更像作品索引，不是教程库。你能看到很多好案例，但它不会告诉你每个项目具体用了什么渲染架构、性能策略或技术栈。
不过这也合理。它不是来教你写 shader 的，它是来帮你找到“这个方向值得做成什么样”的。
值不值得收藏
值得，尤其是你会碰到 3D 官网、互动叙事、AI 产品视觉包装、创意前端作品集这类需求。
mesh3d 的价值不是一次性看完，而是定期回来翻。它把一个很窄但很有用的领域整理得足够干净：真实上线、可点击、有 maker、有分类。对做网页的人来说，这比一堆漂亮但不可运行的概念图更有参考价值。
下次客户说“我们想要一点 3D 感，但不要太游戏化”的时候，别急着空口解释。打开 mesh3d，直接一起看。
