Vector to 3D: Ultimate SVG Converter
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.
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.
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.
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.
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.
Bring your objects to life with loopable preset animations:
Spin: Continuous Y-axis rotation.
Float: Gentle levitation effect.
Pulse: Rhythmic scale animation.
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.
The plugin is free to use for basic tasks, with a Pro tier for power users.
Unlimited Uploads.
Material: Metallic only.
Export: 1x Resolution PNGs only.
Limit: 3 Free Insertions/Exports total.
Locked: Animations, GIF Recording, Texture Scaling, Advanced Materials.
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.
Here is a review of the changes made:
Light Mode Support: I have added full support for light mode to the plugin interface to ensure it adapts correctly to user preferences.
Notification Handling: All instances of the alert() function have been removed and replaced with framer.notify() to properly display notifications within the Framer environment.
Log Out Functionality: I have implemented a log out button within the plugin menu using the Menu API, allowing users to sign out of their accounts as requested.