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

Watch as thousands of individual particles transition from a chaotic cloud into structured custom 3D forms, creating a sophisticated and interactive storytelling experience.

Features

Interactive Scroll Morphing: Particles transition seamlessly from organic waves into precise 3D shapes based on scroll progress.
Primitive & Custom Geometries: Choose from built-in shapes (Sphere, Cube, Torus, Pyramid, Star) or upload your own SVGs and 3D files (.glb, .gltf).
Precision Control: Independently adjust the scale and position of the final 3D object without affecting the initial wave state.
Full 3D Rotation: Set the final object to rotate on any axis (X, Y) to showcase every angle of your model.
Deep Customization: Control particle count (up to 10,000+), size, wave speed, amplitude, frequency, and camera height directly from the Framer sidebar.
Performance Optimized: Built for smooth frame rates, ensuring a premium feel even with high particle counts.

Use Cases

Perfect for landing pages, high-end product reveals, interactive storytelling, or adding a "wow" factor to creative portfolios...

How to use

set the width to fill, then the height to the wanted duration of how long the component is sticky, note that the actual duration is set in the scroll dist on the right

Have any questions about the component or want a custom one? Email me at didaserafim90@gmail.com

5a:[["$","$L5d",null,{"post":{"id":"019c4e61-7be1-79f4-a581-a9308f45a9c8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"GeJCh7flXiCb7iD5BSdF","resolved":true,"title":"Particle Morph 3D v2","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Watch as thousands of individual particles transition from a chaotic cloud into structured custom 3D forms, creating a sophisticated and interactive storytelling experience."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Scroll Morphing:","marks":[{"type":"bold"}]},{"type":"text","text":" Particles transition seamlessly from organic waves into precise 3D shapes based on scroll progress."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Primitive & Custom Geometries:","marks":[{"type":"bold"}]},{"type":"text","text":" Choose from built-in shapes (Sphere, Cube, Torus, Pyramid, Star) or upload your own "},{"type":"text","text":"SVGs","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"3D files (.glb, .gltf)","marks":[{"type":"bold"}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Precision Control:","marks":[{"type":"bold"}]},{"type":"text","text":" Independently adjust the scale and position of the final 3D object without affecting the initial wave state."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full 3D Rotation:","marks":[{"type":"bold"}]},{"type":"text","text":" Set the final object to rotate on any axis (X, Y) to showcase every angle of your model."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Deep Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Control particle count (up to 10,000+), size, wave speed, amplitude, frequency, and camera height directly from the Framer sidebar."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance Optimized:","marks":[{"type":"bold"}]},{"type":"text","text":" Built for smooth frame rates, ensuring a premium feel even with high particle counts."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Use Cases"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Perfect for landing pages, high-end product reveals, interactive storytelling, or adding a \"wow\" factor to creative portfolios..."}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"set the width to fill, then the height to the wanted duration of how long the component is sticky, note that the actual duration is set in the scroll dist on the right"}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-2iirxqs2-RzbBHhuNlCflaFiCoRa8VpxjQ5IDWN","link":null,"caption":"","uploadId":null}},{"type":"paragraph","content":[{"type":"text","text":"Have any questions about the component or want a custom one?","marks":[{"type":"bold"}]},{"type":"text","text":" Email me at "},{"type":"text","text":"didaserafim90@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:didaserafim90@gmail.com","class":null,"target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Particle custom 3d on scroll","slug":"particle-morph-3d-v2","author":{"framerUserId":"c1e1925b-2107-4ebe-8fec-5b2b3e9e1ae6","name":"Serafim 193","slug":"serafim-193","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GeJCh7flXiCb7iD5BSdF/particle-morph-3d-KHbGVufKscnXjc4TlgBO5v92enOIkO","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-01T20:58:34.134Z","updatedAt":"2026-09-12T10:41:04.283Z","publishedAt":"2026-02-11T20:25:37.505Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://particlescoll.framer.website/","price":"15","paymentUrl":"https://buy.stripe.com/5kQ00ibhB3YX3SV31BeQM06","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"xXxskCNtvgqJMiczrjKX","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":49,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-11T20:25:37.505Z","updatedAt":"2026-02-11T20:25:37.505Z","reported":false}}],"$L5f"]

Suggested for you