Product Design
Beginner5 usesMetal — Liquid Metal Effect for Buttons
A liquid metal effect for buttons — a shimmering metallic surface that flows across the button. One npm install, wrap your button, and pick size/strength. Part of the Jakub Antalik component family (alongside Border Beam and Thinking Orbs).
animationbuttoneffectreactfrontendliquid-metal
📋
Spec
Metal — Liquid Metal Effect for Buttons
A liquid metal effect for buttons by Jakub Antalik. A shimmering metallic surface flows across the button for a premium, tactile feel.
Install
npm install metal-button
Usage
Wrap your button and configure size and strength in the playground, then copy the generated code and ship.
How to use
- npm install metal-button
- Wrap your button element.
- Pick size and strength in the playground.
- Copy the generated code and ship.
Related
Part of the Jakub Antalik component family, alongside Border Beam (animated border beam) and Thinking Orbs (animated thinking orbs for AI UIs).
