Liquid Metal Button

A button whose rim is liquid chrome, drawn live by a WebGL shader. Works as a drop-in Web Component or a React component.

Ship your launch

No credit card required

Hero call-to-action · Silver

Studio

$24/mo

Pricing card · Gold Pro

Cancel

Toolbar · Iridescent Pro

Playground

Preset

Theme

Corners

Rim · 2.0px

Speed · 1.0×

<script src="/liquid-metal-button.free.js" defer></script>

<liquid-metal-button
  theme="light"
  rounded="999"
  border="2"
  speed="1"
>Get Started</liquid-metal-button>