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:T894,

Transform your static 2D logo into a stunning, interactive 3D particle volume with cinematic lighting, dynamic 360-degree drag rotation, and fluid sand-scatter hover effects to elevate your brand's digital presence.

Features

Instant 2D SVG or PNG to 3D particle volume conversion
Interactive fluid sand-scatter mouse physics
Cinematic ambient and specular lighting engine
Smooth 360-degree drag-to-rotate camera tracking
High-performance WebGL rendering optimized for 60FPS
Automatic color extraction from the original logo
Responsive resize handling for desktop and mobile
Dynamic idle swaying and ambient noise animation
Works perfectly for hero sections and premium brand showcases

Customization Options

Logo image source upload
Original SVG colors or custom dual-tone gradients
Particle density and individual grain size
3D volume extrusion depth and rounded edge bevel
Cinematic sunlight and deep shadow ambient colors
Drag-to-spin rotation speed and camera distance
Hover scatter radius and physical force
Idle ambient animation speed and drift sway

How to Use

Drop the component onto your Framer canvas
Upload your logo image in the properties panel
Choose to use original colors or set custom highlights and midtones
Adjust particle density and volume depth to fit your aesthetic
Tune the cinematic lighting to match your brand's theme
Publish to showcase your premium interactive 3D identity

Use Cases

Premium SaaS landing page heroes
Web3 and crypto project branding
Creative agency portfolio headers
High-end product showcase sites
Interactive footer logos
Cinematic loading screens
Gaming and esports team sites
AI startup hero sections

5a:[["$","$L5d",null,{"post":{"id":"019fd57c-44cc-76ba-9fae-05fad875d28c","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":"s2fLi4h7FWe3U8tHK7uq","resolved":true,"title":"3D Particle Logo","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Transform your static 2D logo into a stunning, interactive 3D particle volume with cinematic lighting, dynamic 360-degree drag rotation, and fluid sand-scatter hover effects to elevate your brand's digital presence."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Instant 2D SVG or PNG to 3D particle volume conversion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive fluid sand-scatter mouse physics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic ambient and specular lighting engine"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth 360-degree drag-to-rotate camera tracking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-performance WebGL rendering optimized for 60FPS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic color extraction from the original logo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive resize handling for desktop and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic idle swaying and ambient noise animation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works perfectly for hero sections and premium brand showcases"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization Options"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logo image source upload"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Original SVG colors or custom dual-tone gradients"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Particle density and individual grain size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D volume extrusion depth and rounded edge bevel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic sunlight and deep shadow ambient colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag-to-spin rotation speed and camera distance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover scatter radius and physical force"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Idle ambient animation speed and drift sway"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"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 logo image in the properties panel"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose to use original colors or set custom highlights and midtones"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust particle density and volume depth to fit your aesthetic"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tune the cinematic lighting to match your brand's theme"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish to showcase your premium interactive 3D identity"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium SaaS landing page heroes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Web3 and crypto project branding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative agency portfolio headers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"High-end product showcase sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive footer logos"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic loading screens"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Gaming and esports team sites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI startup hero sections"}]}]}]}]},"introduction":"Interactive 3D WebGL particle logo","slug":"3d-particle-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/019fd57c-2cc8-7529-9ecd-fb794888512b.png","metadata":{"tint":{"h":240,"s":53,"l":70},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-06T05:11:58.483Z","updatedAt":"2026-09-14T08:01:15.205Z","publishedAt":"2026-08-06T05:11:58.479Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bulky-input-465226.framer.app","price":"12","paymentUrl":"https://designsbysadat.lemonsqueezy.com/checkout/buy/eb1e3e6c-38fe-42f4-8d03-731151cd7e19","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"bXVjGYwwA17GrErfbx0i","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-06T05:11:58.924Z","updatedAt":"2026-08-06T05:11:58.924Z","reported":false}}],"$L5f"]

Suggested for you