5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T83f,

Transform any standard 2D image or SVG into a premium, interactive 3D wireframe. Boost user engagement with smooth drag-to-spin physics, dynamic cinematic lighting, and eye-catching plasma hover effects.

Features

Real-time 2D to 3D wireframe generation
Premium WebGL rendering with Three.js
Cinematic plasma and proximity spotlight hover effects
Smooth drag-to-spin physics and auto-rotation
Metallic and reflective material properties
Highly optimized high-performance geometry
Responsive resize and mobile touch handling
Clean layered visual architecture
Works perfectly for brand logos and custom typography
Fully customizable string density, depth, and colors

Customization Options

Logo image (SVG/PNG)
Hover effect styles (Plasma, Spotlight, None)
String and hover accent colors
String count and line density
3D depth and zoom scale
Metalness and reflection intensity
Interactive drag and spin speeds
Hover trail decay and radius

How to Use

Drop the component onto your Framer canvas
Upload your brand logo (SVG or PNG with transparency)
Adjust the string density and 3D depth to your liking
Customize the base and hover glow colors
Tune the auto-spin and drag smoothness
Publish for a premium, interactive 3D brand experience

Use Cases

Premium SaaS landing pages
Interactive hero sections
Modern portfolio branding
Web3 and crypto project logos
AI product showcases
Futuristic brand reveals
Dark mode interfaces
Digital agency websites
Interactive 3D graphic elements

5a:[["$","$L5d",null,{"post":{"id":"019fea87-5242-77da-96f8-9b8627b9133c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"682fc11e-0644-4920-8b94-8b794b0ece9e","name":"Saadat Ali","slug":"saadat-ali-designsbysadat","avatar":"https://framerusercontent.com/avatars/users/682fc11e-0644-4920-8b94-8b794b0ece9e/OrcFwpGK4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"uZaaErmbk3W2NvD3gpkA","resolved":true,"title":"3D String Logo","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform any standard 2D image or SVG into a premium, interactive 3D wireframe. Boost user engagement with smooth drag-to-spin physics, dynamic cinematic lighting, and eye-catching plasma hover effects."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time 2D to 3D wireframe generation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium WebGL rendering with Three.js"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic plasma and proximity spotlight hover effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth drag-to-spin physics and auto-rotation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Metallic and reflective material properties"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highly optimized high-performance geometry"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive resize and mobile touch handling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean layered visual architecture"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works perfectly for brand logos and custom typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable string density, depth, and colors"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Options","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo image (SVG/PNG)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover effect styles (Plasma, Spotlight, None)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"String and hover accent colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"String count and line density"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D depth and zoom scale"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Metalness and reflection intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive drag and spin speeds"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover trail decay and radius"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop the component onto your Framer canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload your brand logo (SVG or PNG with transparency)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the string density and 3D depth to your liking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customize the base and hover glow colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune the auto-spin and drag smoothness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish for a premium, interactive 3D brand experience"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium SaaS landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive hero sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Modern portfolio branding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web3 and crypto project logos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI product showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Futuristic brand reveals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dark mode interfaces"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Digital agency websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D graphic elements"}]}]}]}]},"introduction":"Interactive 3D string art logo","slug":"3d-string-logo","author":{"framerUserId":"682fc11e-0644-4920-8b94-8b794b0ece9e","name":"Saadat Ali","slug":"saadat-ali-designsbysadat","avatar":"https://framerusercontent.com/avatars/users/682fc11e-0644-4920-8b94-8b794b0ece9e/OrcFwpGK4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/682fc11e-0644-4920-8b94-8b794b0ece9e/019fea87-41fb-75bd-981b-788097c99c63.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-10T07:16:04.342Z","updatedAt":"2026-09-14T08:05:55.216Z","publishedAt":"2026-08-10T07:16:04.338Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-times-780207.framer.app","price":"9","paymentUrl":"https://designsbysadat.lemonsqueezy.com/checkout/buy/d148d7a6-e0da-4769-98eb-7679f5e1e132","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"ghEJaaigWlAWClQdnS0H","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-10T07:16:04.803Z","updatedAt":"2026-08-10T07:16:04.803Z","reported":false}}],"$L5f"]

Suggested for you