Vector to 3D Plugin

Turn any SVG into a cinematic, photorealistic 3D masterpiece in seconds. No 3D skills required.

Why Vector to 3D?

You want your Framer sites to stand out. You want that premium, high-end "Apple-style" aesthetic. But learning 3D software like Blender or Spline takes time, and integrating them into Framer can be a headache.

Vector to 3D changes the game.

It's a powerful, code-based component that lives directly inside Framer. Just paste your SVG code, and watch it instantly extrude into a gorgeous, brushed-titanium 3D object.

Vector to 3D is a powerful Framer plugin that instantly transforms 2D SVG vectors into stunning, high-fidelity 3D meshes. It is designed for designers who want to add depth, texture, and animation to their flat logos and icons without leaving the Framer environment.

🌟 Core Features

1. Instant 3D Conversion

• drag & Drop: Simply drag any .svg file onto the plugin or click to upload.
• Smart Normalization: Whether your SVG is 10px or 10,000px wide, the engine automatically scales it to a perfect, consistent 3D size.
• Smart Camera: The viewport automatically centers and zooms to frame your object perfectly every time.

2. Premium Materials

Customize the look of your 3D object with high-quality, PBR (Physically Based Rendering) materials:

• Metallic (Free): Clean, polished metal with customizable roughness and metalness.
• Glass: Realistic refraction and transmission properties.
• Clay: Soft, matte finish perfect for modern UI design.
• Wood: Organic texture with customizable grain scale.
• Stone: Detailed rocky surface for robust aesthetics.
• Iridescent: Trendy, holographic visuals.

3. Advanced Geometry Control

Fine-tune the physical shape of your object:

• Extrusion Depth: Control how thick the 3D object is (1-50 units).
• Bevel Size: Adjust the softness of the edges (0-6 units).
• Bevel Thickness: Control the depth of the edge rounding (0-15 units).
• Roughness & Metalness: Tweak lighting reflection properties.

4. Lighting Environments

Instantly change the mood with preset HDRI lighting environments:

• Studio: Balanced, neutral lighting.
• City: High-contrast, urban reflections.
• Sunset: Warm, golden-hour tones.
• Night: Cool, dramatic lighting.

5. Animation Engine (Pro)

Bring your objects to life with loopable preset animations:

• Spin: Continuous Y-axis rotation.
• Float: Gentle levitation effect.
• Pulse: Rhythmic scale animation.

6. Export Capabilities

• PNG Export: Save transparent background images at 1x, 2x, 4x, or 6x resolution (up to 4K quality).
• GIF Recorder (Pro): Record smooth, looping animations directly to .gif.
• 3D Component: Insert the actual interactive React Three Fiber code component directly into your Framer project (developer ready).
• Embed Code: Copy a code snippet to embed the 3D viewer on any website.

💰 Freemium Model

The plugin is free to use for basic tasks, with a Pro tier for power users.

Free Tier

• Unlimited Uploads.
• Material: Metallic only.
• Export: 1x Resolution PNGs only.
• Limit: 3 Free Insertions/Exports total.
• Locked: Animations, GIF Recording, Texture Scaling, Advanced Materials.

Pro Tier (Unlock Key)

• Unlimited Insertions & Exports.
• All Materials Unlocked.
• 4K Export (up to 6x resolution).
• GIF Recording Unlocked.
• All Animations Unlocked.
• Texture Scale Control.

To unlock Pro, users enter a license key purchased via Gumroad.

🚀 Perfect For...

• Hero Sections: Create a centerpiece that stops the scroll.
• 3D Logos: Give your brand a literal new dimension.
• Portfolios: Show off your design skills with high-tech visuals.
• Product Teasers: Abstract 3D shapes that hint at premium quality.