SheepNav
Liquid Metal Button Generator

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 都能帮你轻松实现专业级的金属质感效果。

相关工具