About this component
A button that behaves like liquid, smoothly changing shape and flowing between states
- Difficulty
- Advanced
- Style
- Liquid Morph
- Frameworks
- HTML/CSS, Tailwind, React, Vue, Angular, Svelte, LWC
Embed this component
Paste this snippet into any site — the design renders in a sandboxed iframe served from /embed/morphing-liquid-button.
<iframe src="/embed/morphing-liquid-button" sandbox="allow-scripts" loading="lazy" title="Morphing Liquid Button" style="border:0;width:100%;height:480px;overflow:hidden"></iframe>