Add a stunning interactive 3D rock effect to your Framer site, turning flat vector logos into photorealistic stone artifacts with procedural depth, realistic lighting, and glowing magma cracks.

Features

• Real-time procedural GLSL rock texture generation

• Automatic SVG extrusion into 3D meshes

• Interactive drag-to-rotate mouse physics

• Dynamic surface cracks and crater depth control

• Emissive magma glow for deep crevices

• Realistic soft shadows and physical sun lighting

• Smooth continuous auto-rotation option

• High-performance WebGL optimization

• Responsive sizing with Retina support

• Zero-code setup for fast publishing

Customization Options

• Primary and crevice stone colors

• Surface roughness and texture bump scale

• Edge chipping and displacement intensity

• Crack density, depth, and visibility

• Magma glow color and emission brightness

• Logo scale, extrusion thickness, and edge bevel

• Auto-rotate toggle and spin speed

How to Use

• Drop the 3D Rock Logo component onto your Framer canvas

• Upload your brand's flat SVG vector file

• Adjust the primary and crevice tones to fit your theme

• Dial in the crack density and toggle the glowing magma

• Set the 3D thickness and bevel for optimal shape

• Publish for an immersive 3D brand experience

Use Cases

• Web3 and crypto project branding

• Immersive 3D landing page hero sections

• Gaming studio logos and headers

• Bold agency portfolios

• Dark mode SaaS branding

• Futuristic UI systems

• Extreme sports and outdoor brand sites

• Interactive product features