Liquid Metal

Liquid metal offers an animated liquid metal border component designed to enhance user interfaces with a realistic, chrome-like appearance. It supports real-time rendering through WebGL, allowing for smooth and visually appealing effects on buttons and other UI elements. The component provides three presets and a slider control to adjust the strength of the effect, enabling instant customization for different design needs. Installation is straightforward with npm install metal-fx, and usage involves importing the MetalFx component and wrapping your UI elements, such as buttons, to apply the animated metal shader. The library includes a playground for experimenting with styles, colors, and options like glow and reflection effects. This tool is suitable for developers seeking to add a modern, metallic aesthetic to their interfaces with minimal effort, thanks to its simple API and versatile customization options.