---
title: "Isometric Button — Framer component · Best of Framer"
description: "$1.00 · Framer component · by ermagix · Buttons. isometric style button"
canonical: "https://framer.elliotli.dev/component/isometric-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Isometric Button

# Isometric Button

isometric style button

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

![Isometric Button preview image 1](https://framer.elliotli.dev/og/component/isometric-button/1a27752e9e5be3d1/1600x1200.jpg)

## Summary

isometric style button

## Description

## About

a retro style 3D isometric button, with simple shapes, fully customizable to use however you like, CTA, social links, back-to-top, big button in middle of the screen?

_Just to resize, add a_ **_Scale_** _option in_ **_Transforms_**_._

## Customization

has different button shapes and bases to choose from.

### Variations included:

-   simple square shape button
    
-   square shape button with square base
    
-   simple square shape rounded corners button
    
-   square shape rounded corners button with square base
    
-   square shape rounded corners button with rounded base
    
-   simple circle shape button
    
-   circle shape button with square base
    
-   circle shape button with rounded base
    
-   circle shape button with circle base
    

it also features a **custom link**, the option to display an **icon** at the top (_import the_ **_Basicons_** _element, explained below_), as well as an **image**, both allowed to change its orientation based on your preferences. Finally, it offers 6 **custom colors** (3 for the button and 3 for the base) to suit any design.

## Important for the icon

to be swappable, you need to insert an **Icon set** to your project, specifically the **_Basicons_** set, with which the component was set.

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

-   All · #5396

## Details

- **Author**: ermagix
- **Price**: $1.00
- **Published**: 2026-01-12
- **Updated**: 2026-02-02
- **Added**: 2025-12-18
- **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