
Liquid Metal Button Generator
codequest.work
WebGL 金属质感按钮生成器
20天前制作者:masakazu_imai
关于 Liquid Metal Button Generator
Liquid Metal Button Generator 是一款基于 WebGL 着色器的免费液态金属(铬色)按钮生成工具,专为打造 Chrome 风格按钮而设计。无需任何依赖,即可生成高度逼真的金属质感按钮,并输出纯净的 HTML/CSS/JS 代码。
核心功能
- 实时预览:通过 WebGL 着色器实时渲染,所见即所得。
- 模板选择:内置多种预设模板,快速上手。
- 参数调节:支持调节波纹强度、光照角度、动画速度、颜色、边缘和形状等参数。
- 暗色/亮色模式:一键切换主题,适配不同设计场景。
- 代码导出:一键复制无依赖的 HTML/CSS/JS 代码,轻松集成到项目中。
主要特性
- 纯前端实现:基于 WebGL 着色器,无需后端支持,运行流畅。
- MIT 开源许可:免费使用,可商用,无版权顾虑。
- 零依赖:生成的代码不依赖任何外部库,轻量高效。
- 高度自定义:从颜色到形状,从光照到动画,全面掌控按钮外观。
- 跨平台兼容:适用于现代浏览器,包括 Chrome、Firefox、Edge 等。
适用场景
- UI/UX 设计师:快速生成高质感按钮原型,提升设计稿视觉效果。
- 前端开发者:获取可直接使用的按钮代码,节省开发时间。
- 产品演示:为产品页面添加炫酷的金属按钮,吸引用户注意。
无论是制作登录按钮、CTA 按钮还是装饰性元素,Liquid Metal Button Generator 都能帮你轻松实现专业级的金属质感效果。