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