metal-fx

metal-fx 是一个为 React 组件添加实时 WebGL 液态金属动效的轻量库。它通过包裹按钮、图标等元素，渲染可配置的金属环动画，并支持 proximity reflection（邻近元素反射）、多主题适配（自动响应系统深浅色模式）、预设配色方案（chromatic/silver/gold）及强度调节。基于 TypeScript 开发，采用 canvas + WebGL 实现高性能渲染，子元素保持完整交互性。适用于需要增强视觉表现力的产品按钮、状态标签、操作控件等 UI 场景，尤其适合科技感、高端感设计风格的 Web 应用界面。