---
title: "3D Voxel Logo — Framer component · Best of Framer"
description: "$7.00 · Framer component · by Ameva · Interactive. 3D pixel art from any image."
canonical: "https://framer.elliotli.dev/component/3d-voxel-logo"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/3D Voxel Logo

# 3D Voxel Logo

3D pixel art from any image.

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

![3D Voxel Logo preview image 1](https://framer.elliotli.dev/og/component/3d-voxel-logo/195b0fa818db5dc8/1600x1200.jpg)

## Summary

3D pixel art from any image.

## Description

Transform standard 2D logos into premium, interactive 3D voxel art. Add engaging WebGL physics, interactive hover expansions, and smooth 360-degree drag controls to your Framer site instantly.

**Features**

-   Instant 2D image to 3D voxel conversion
    
-   Interactive 360-degree drag rotation
    
-   Dynamic hover expansion physics
    
-   Smooth idle auto-spin animation
    
-   Crisp anti-aliased voxel rendering
    
-   Customizable pixel block colors and edges
    
-   Highly optimized WebGL performance
    
-   Responsive canvas resizing
    
-   Works perfectly with PNG and SVG logos
    
-   Adjustable 3D depth and scaling
    

**Customization Options**

-   Upload custom logo image
    
-   Master 3D logo scale
    
-   Box fill and edge line colors
    
-   Edge line thickness
    
-   Background and fog colors
    
-   Hover expansion intensity and radius
    
-   Idle spin speed
    
-   Mouse drag sensitivity
    
-   Camera distance (Z-axis)
    

**How to Use**

-   Drop the component onto your Framer canvas
    
-   Upload your standard 2D logo image
    
-   Customize the voxel fill and edge colors to match your brand
    
-   Tune the hover expansion and idle spin speed
    
-   Adjust the drag sensitivity for optimal interaction
    
-   Publish for a premium, interactive 3D web experience
    

**Use Cases**

-   Modern agency portfolios
    
-   Premium SaaS landing pages
    
-   Web3 and crypto project sites
    
-   Interactive product showcases
    
-   Creative developer portfolios
    
-   Gaming and esports websites
    
-   High-end brand landing pages
    
-   Interactive loading screens
    
-   Tech startup homepages
    
-   Dynamic hero sections
    

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

-   All · #1563

## Details

- **Author**: Ameva
- **Price**: $7.00
- **Published**: 2026-08-03
- **Updated**: 2026-09-14
- **Added**: 2026-08-03
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step