---
title: "LiquidMetalButton-3D — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Idriss Taleb · Buttons. A premium 3D shader button"
canonical: "https://framer.elliotli.dev/component/liquidmetalbutton-3d"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/LiquidMetalButton-3D

# LiquidMetalButton-3D

A premium 3D shader button

[View on Framer](https://framer.com/marketplace/components/liquidmetalbutton-3d/?via=elliot-li)

![LiquidMetalButton-3D preview image 1](https://framer.elliotli.dev/og/component/liquidmetalbutton-3d/be6a77c7e4e600fa/1600x731.jpg)

## Summary

A premium 3D shader button

## Description

A polished Framer code component that turns a simple CTA into a premium interactive button. It features a live liquid-metal WebGL shader, 3D layered depth, hover and press interactions, click ripples, icon/text modes, and fully editable Framer controls for size, radius, colors, speed, and shader behavior.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5265

## Details

- **Author**: Idriss Taleb
- **Price**: $3.00
- **Published**: 2026-08-08
- **Updated**: 2026-08-09
- **Added**: 2026-08-08
- **Categories**: Buttons

## More like this

-   [Liquid Blob Button](/component/liquid-blob-button) — Oddframe · Free — Interactive Liquid Blob CTA Button
-   [Pixel Face Toggle](/component/pixel-face-toggle) — Zac Nielson · $9 — Dark mode switch with a pixel face
-   [Liquid Hover Media](/component/liquid-hover-media) — Bardia Madani · $5 — Fluid media distortion on hover
-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow