5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T966,

About this Component

Particle 3D Shape is an immersive visual component that renders any 3D model as a dynamic particle cloud. You can load a custom OBJ file or use built-in geometric shapes (sphere, cube, torus, pyramid), control particle appearance, rotation behavior, and add interactive hover effects — all in real time. Designed for hero sections, portfolios, and creative landing pages, it delivers stunning 3D visuals with full control over animation, interaction, and aesthetics, while remaining easy to configure.

Live Preview

https://particle3dshape.framer.website/

Customizable Properties

/ Shape

OBJ File URL – Link to a custom OBJ file. Leave empty to use built-in geometric shapes
Shape Size – Overall scale of the 3D shape
Particle Color – Color of each individual particle
Particle Size – Size of each particle in the cloud

/ Rotation

Initial Rotation X – Starting rotation angle on the X axis
Initial Rotation Y – Starting rotation angle on the Y axis
Auto Rotate – Enable or disable automatic rotation
Rotation Speed – Speed of the automatic rotation
Manual Rotation – Allow click-and-drag interaction to rotate the shape manually

/ Hover Interaction

Hover Effect – Choose the interaction type (e.g. Repulsion)
Effect Strength – Intensity of the hover effect on particles
Cursor Size – Radius of the area affected by the cursor interaction

Use cases

3D brand visuals · Creative portfolios · Interactive landing pages · Digital art showcases

Refund Policy

All sales of digital products are final and non-refundable. If you have any questions about the product, please contact me at info@carontefrancesco.it before completing your purchase. I'm happy to help.

5a:[["$","$L5d",null,{"post":{"id":"019c9601-5cd4-7621-8208-93980dd1d41a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"55008a5b-5253-4125-9373-9257d17b3fab","name":"Francesco Caronte","slug":"francescocaronte","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/430234/avatar-qDF0erWzWOHHP3uG5npp7mCf1TayS9.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"MfVxP3BcaK6zceuw6GKg","resolved":true,"title":"Particle 3D Shape","body":"$5e","bodyJson":null,"introduction":"Turn any 3D model into a particle cloud","slug":"particle-3d-shape","author":{"framerUserId":"55008a5b-5253-4125-9373-9257d17b3fab","name":"Francesco Caronte","slug":"francescocaronte","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/430234/avatar-qDF0erWzWOHHP3uG5npp7mCf1TayS9.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/MfVxP3BcaK6zceuw6GKg/particle-3d-shape-bmhtf7VqO4jZrsYH36dumIES0X6eAT","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-19T22:06:37.531Z","updatedAt":"2026-02-25T15:23:21.397Z","publishedAt":"2026-02-25T18:13:17.652Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://particle3dshape.framer.website/","price":"16","paymentUrl":"https://francescocaronte.lemonsqueezy.com/checkout/buy/666ec7c5-c6cc-4976-8c28-0c69763797a1","workshop":true,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"XfIkpp2XuYKOlvygWoQP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-25T18:13:17.652Z","updatedAt":"2026-02-25T18:13:17.652Z","reported":false}}],"$L5f"]

Suggested for you