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

An interactive 3D globe built from thousands of glowing particles that assemble into the world's continents. Fully rendered in WebGL (Three.js) with no image maps or network requests — the landmasses come from a baked-in coastline field, so it just works.

Features

Particle assembly animation: choose how the globe forms (a sweep, a bloom out of the core, particles falling in from a scattered cloud, an endless drift that never settles, or an instant appearance)
Drag to explore: grab and spin the globe in any direction, with optional vertical tilt and a natural spring-back. Auto-rotation runs frame-rate-independently, so motion stays smooth on any display.
Cursor effects: three ways to respond to the pointer. Sonar sends rings rippling outward across the surface, Halo lights the area without displacing it, and Wake combs the particles along your direction of travel.
Place markers: pin any number of locations by latitude/longitude, styled as a pulsing Beacon or a Pin with five icon choices (Needle, Teardrop, Ring, Diamond, Flag). Click a beacon to fly the globe to it and expand a rich card with an image, description, and call-to-action button.
Animated flight paths: connect your places with routes in five styles.
Themes: four built-in palettes or a fully custom color set.
Customizable: grouped controls for colors, places, place styling, the point field, cursor behavior, motion & framing, entrance, routes, and advanced performance settings — with live tuning throughout.
Performance-aware: auto-detects low-end and mobile devices and scales accordingly. Also respects reduced-motion preference.

Used on the live website: revu.co/about

5a:[["$","$L5d",null,{"post":{"id":"019f9572-b005-717b-b114-5ec46e937b76","title":null,"body":"

I made my first component!!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I made my first component!!"}]}]},"author":{"framerUserId":"18d233d4-073a-4995-9fe5-666ac7f89d63","name":"Baruch Moskovits","slug":"baruch-m","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XyVMghtHL6KMTfaGxKNh","resolved":true,"title":"Atomic Globe","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An interactive 3D globe built from thousands of glowing particles that assemble into the world's continents. Fully rendered in WebGL (Three.js) with no image maps or network requests — the landmasses come from a baked-in coastline field, so it just works."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Particle assembly animation:","marks":[{"type":"bold"}]},{"type":"text","text":" choose how the globe forms (a sweep, a bloom out of the core, particles falling in from a scattered cloud, an endless drift that never settles, or an instant appearance)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag to explore:","marks":[{"type":"bold"}]},{"type":"text","text":" grab and spin the globe in any direction, with optional vertical tilt and a natural spring-back. Auto-rotation runs frame-rate-independently, so motion stays smooth on any display."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cursor effects:","marks":[{"type":"bold"}]},{"type":"text","text":" three ways to respond to the pointer. Sonar sends rings rippling outward across the surface, Halo lights the area without displacing it, and Wake combs the particles along your direction of travel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Place markers:","marks":[{"type":"bold"}]},{"type":"text","text":" pin any number of locations by latitude/longitude, styled as a pulsing Beacon or a Pin with five icon choices (Needle, Teardrop, Ring, Diamond, Flag). Click a beacon to fly the globe to it and expand a rich card with an image, description, and call-to-action button."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated flight paths:","marks":[{"type":"bold"}]},{"type":"text","text":" connect your places with routes in five styles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Themes:","marks":[{"type":"bold"}]},{"type":"text","text":" four built-in palettes or a fully custom color set."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" grouped controls for colors, places, place styling, the point field, cursor behavior, motion & framing, entrance, routes, and advanced performance settings — with live tuning throughout."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance-aware:","marks":[{"type":"bold"}]},{"type":"text","text":" auto-detects low-end and mobile devices and scales accordingly. Also respects reduced-motion preference."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Used on the live website: "},{"type":"text","text":"revu.co/about","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://revu.co/about","target":"_blank"}}]}]}]},"introduction":"Really clean particle WebGL globe","slug":"atomic-globe","author":{"framerUserId":"18d233d4-073a-4995-9fe5-666ac7f89d63","name":"Baruch Moskovits","slug":"baruch-m","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/18d233d4-073a-4995-9fe5-666ac7f89d63/019f956f-deca-7503-b25b-f9beb2c6712a.png","metadata":{"tint":{"h":210,"s":67,"l":9},"width":2344,"height":1434}}],"post":null,"createdAt":"2026-07-24T18:45:48.873Z","updatedAt":"2026-09-21T22:59:47.198Z","publishedAt":"2026-07-24T18:45:48.870Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/AtomicGlobe-SnDdPL.js@BpxtjRcprRbfudB8iUUS","previewUrl":"https://delicate-lychee-507917.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"BpxtjRcprRbfudB8iUUS","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":63,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-24T19:06:49.352Z","createdAt":"2026-07-24T18:45:49.189Z","updatedAt":"2026-07-24T19:06:49.352Z","reported":false}}],"$L5f"]

Suggested for you