Convert PNG or SVG logos into dynamic 3D voxel artwork
Smooth WebGL rendering powered by Three.js
Interactive drag-to-rotate controls
Hover-reactive motion and auto-rotation effects
Adjustable voxel depth and grid density
Supports original logo colors or custom voxel colors
Matte material controls for modern soft lighting
Responsive scaling across all screen sizes
Optimized rendering with viewport visibility detection
Clean shadow rendering with physical materials
Upload custom transparent logo images
Toggle original logo colors on or off
Adjust saturation intensity
Customize voxel color and grid line color
Control voxel depth and detail density
Modify grid line thickness
Adjust logo scale independently
Fine-tune roughness, metalness, and clearcoat
Enable or disable autoplay rotation
Control animation speed and hover interaction
Toggle drag rotation functionality
Add the component to your Framer project
Upload a transparent PNG or SVG logo
Adjust voxel detail and depth settings
Customize colors or keep original branding colors
Fine-tune lighting and material appearance
Enable hover or drag interactions
Publish your site with fully interactive 3D branding
SaaS landing page hero sections
Interactive startup branding showcases
Creative portfolio websites
Web3 and AI product presentations
Agency and studio websites
Product launch animations
Modern tech brand identities
Gaming and futuristic UI experiences
Saadat Ali
