Radiant：一个开源 Shader 素材站

最近看到有人推荐 Radiant，点进去之后会发现，这不是一个单纯拿来欣赏的 shader 展示站，而是一个更偏实用的视觉效果素材库。

它的定位很直接：

简单说，Radiant 提供的是一组面向 Web 的 shader 和视觉效果，特点包括：

这类站点真正稀缺的地方，不是“炫”，而是“好用”。

很多 shader 网站适合找灵感，也适合看高手作品，但不一定适合直接拿进真实项目。代码结构、依赖关系、构建流程，往往都会带来额外成本。Radiant 的思路则更务实：尽量降低复用门槛，让效果能够更快进入页面和产品。

这点也很符合现在的 AI coding workflow。

一个效果挑出来之后，可以直接复制源码，再交给 Claude Code、Cursor、Codex 这类工具继续修改，比如调整颜色、速度、交互方式和整体风格。相比从零生成，基于现成视觉效果继续改，通常更稳定，也更高效。

适合哪些场景

Radiant 比较适合下面几类场景：

很多页面缺的不是内容，而是视觉氛围。一个合适的 shader 背景或动态材质效果，往往就能把第一眼观感拉起来。

如果本身在做 creative coding、交互设计或者前端视觉尝试，这类素材库可以明显缩短试错时间。

对于小产品来说，视觉质感往往会直接影响成熟度感知。适度的动态效果，常常比再堆几个小功能更有效。

最容易联想到的对比对象还是 Shadertoy。

两者方向不太一样。

更像实验室，适合：

更像素材库，适合：

一个偏探索，一个偏落地。

如果对这类资源感兴趣，这几个也值得一起收藏：

更偏品牌视觉、渐变背景和官网氛围，适合 landing page 和封面场景。

适合找灵感和学习底层实现，仍然是 shader 领域绕不过去的站点。

不是纯 shader 站，但一直是创意前端和交互设计的重要灵感来源。

更像现成背景动效库，上手快，适合快速接入页面背景。

Radiant 的价值，不只是提供了不少好看的 shader。

更重要的是，它把这类视觉效果从“展示作品”往“可复用素材”推进了一步。对于前端、独立开发和创意项目来说，这种低摩擦的资源往往比单纯炫技更有实际价值。

如果需要一个开源、轻量、可直接复制的 shader 素材站，Radiant 很值得收藏。