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

ParticleShapes turns any layer into a living particle field. Thousands of light-points assemble into one of 10 forms — Heart, Star, Disk, Ring, Galaxy, Wave, Infinity, Triangle, Square, or your own text (particles sample the glyph pixels) — and hold formation with spring physics.

The pointer is the interaction. Move the cursor and the field repels, gathers or vortices around it; flick fast and your stroke velocity throws the particles like a hand through smoke. Release, and everything flows home.

Fully controllable from the panel — particle count, dot size & variance, fuzz, scale, rotation, position, two-colour ramp, glow/normal blend, pointer mode, radius and force, return spring, damping, idle drift, twinkle, speed, quality caps and a touch-capture toggle for mobile drags.

Built to be safe everywhere • Canvas & exports: useIsStaticRenderer() swaps WebGL for a still SVG dot field (or your own static image) — no animation, no timers, no GPU cost while designing. • Published site: one gl.POINTS draw call, typed-array physics, loop paused off-screen and in hidden tabs, device-aware quality caps, reduced-motion support. • No WebGL or lost context degrades to the same still field, never a broken layer.

Use it behind a hero headline, as a logo reveal ("Text" shape + your brand ramp), or full-bleed with Glow (Add) blend on dark sections.

5a:[["$","$L5d",null,{"post":{"id":"01a08efd-149e-721c-a7c6-11cd0937de4f","title":null,"body":"

Try Shapes

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Try Shapes"}]}]},"author":{"framerUserId":"0719432c-b301-4978-a14f-5e7950d02aca","name":"Sushovan","slug":"sushovan-bhowmik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/197596/avatar-ybp6FaGJ1khDIGNDNuMMTiqCHpk3So.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"WTcqwaV3yyxtj9OigwnB","resolved":true,"title":"Particle Shapes","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ParticleShapes turns any layer into a living particle field. Thousands of light-points assemble into one of 10 forms — Heart, Star, Disk, Ring, Galaxy, Wave, Infinity, Triangle, Square, or your own text (particles sample the glyph pixels) — and hold formation with spring physics."}]},{"type":"paragraph","content":[{"type":"text","text":"The pointer is the interaction. Move the cursor and the field repels, gathers or vortices around it; flick fast and your stroke velocity throws the particles like a hand through smoke. Release, and everything flows home."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully controllable from the panel — particle count, dot size & variance, fuzz, scale, rotation, position, two-colour ramp, glow/normal blend, pointer mode, radius and force, return spring, damping, idle drift, twinkle, speed, quality caps and a touch-capture toggle for mobile drags."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to be safe everywhere • Canvas & exports: "},{"type":"text","text":"useIsStaticRenderer()","marks":[{"type":"code"}]},{"type":"text","text":" swaps WebGL for a still SVG dot field (or your own static image) — no animation, no timers, no GPU cost while designing. • Published site: one "},{"type":"text","text":"gl.POINTS","marks":[{"type":"code"}]},{"type":"text","text":" draw call, typed-array physics, loop paused off-screen and in hidden tabs, device-aware quality caps, reduced-motion support. • No WebGL or lost context degrades to the same still field, never a broken layer."}]},{"type":"paragraph","content":[{"type":"text","text":"Use it behind a hero headline, as a logo reveal (\"Text\" shape + your brand ramp), or full-bleed with Glow (Add) blend on dark sections."}]}]},"introduction":"Particle-built shapes","slug":"particle-shapes","author":{"framerUserId":"0719432c-b301-4978-a14f-5e7950d02aca","name":"Sushovan","slug":"sushovan-bhowmik","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/197596/avatar-ybp6FaGJ1khDIGNDNuMMTiqCHpk3So.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0719432c-b301-4978-a14f-5e7950d02aca/01a08efc-af27-768b-9967-e4562d6252ff.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-11T05:42:25.197Z","updatedAt":"2026-09-11T05:42:25.197Z","publishedAt":"2026-09-11T05:42:25.195Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/GlowForge-EdEtru.js@AnIhA79Ji1XdqRoQI0Um","previewUrl":"https://particular-psychology-299857.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"AnIhA79Ji1XdqRoQI0Um","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-11T05:42:25.694Z","updatedAt":"2026-09-11T05:42:25.694Z","reported":false}}],"$L5f"]

Suggested for you