ShaderGradient 是一个专为设计师和开发者打造的在线工具平台，它可以生成动态的 3D 着色器渐变效果，并支持在 Figma、Framer 和 React 项目中使用。你可以通过简单的界面自定义颜色、形状、运动参数，快速创建具有视觉冲击力的渐变动画。
🎨 ShaderGradient 能做什么？
- 生成动态渐变背景：支持平面、球体、水面等多种形状，适合网页、APP、海报等场景。
- 实时预览与交互控制：可调节颜色、噪声强度、像素密度、运动速度等参数，所见即所得。
- 导出多种格式：支持导出为 GIF、WebM 视频或静态图像，方便嵌入到设计稿或网页中。
- 插件支持：提供 Figma 插件和 Framer 组件，也可作为 React 包集成到前端项目中。
🧑💻 技术特点
- 使用 WebGL 和 Three.js 渲染，支持高质量 3D 动画
- 可通过 React 组件调用，支持自定义属性和动画控制
- 提供丰富的参数接口，如光照类型、粒子效果、相机视角等
- GitHub 开源项目地址：ShaderGradient on GitHub
🧩 适合谁使用？
- 视觉设计师：快速生成创意背景或动态元素
- 前端开发者：集成到 React 项目中，提升界面表现力
- 品牌运营人员：制作社交媒体动图或宣传视频
- 教育创作者：用于教学演示或交互式内容展示
