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

Features

GPU-accelerated particle continents powered by Three.js
Procedural GLSL animated ocean shader with rim lighting
Snapping glassmorphism location cards with images and links
Interactive 3D pin markers with latitude and longitude mapping
Custom crosshair cursor with magnetic snapping mechanics
Liquid lens hover magnification and organic bulge effects
Smooth inertia-based drag rotation and auto-spin controls
Zero-allocation animation loop optimized for 60fps performance
Responsive auto-resizing with canvas depth and opacity masking
Fully integrated Framer property controls for effortless styling

Customization Options

Ocean highlight, dark, and light shader gradient colors
Particle dot color, density count, and organic size variance
Base dot size and pulse animation speed
Marker style selection (Interactive Plus Card vs. Location Pin)
Custom location coordinates (Latitude and Longitude)
Marker card imagery, title, body text, and CTA buttons
Marker background, active states, and custom typography colors
Crosshair cursor toggle, line opacity, and center dot size
Liquid hover lens radius, magnification, and bulge intensity
Globe scale, canvas offset positions, and auto-rotation speed

How to Use

Drag the component directly onto your Framer canvas
Add your custom locations using latitude and longitude coordinates
Choose between minimal location pins or rich interactive cards
Adjust particle density and color palette to match your brand
Fine-tune rotation speed and interactive lens hover dynamics
Publish your site to deliver an immersive 3D world experience

5a:[["$","$L5d",null,{"post":{"id":"01a09f0a-f8dd-751f-af50-23d429f909c7","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":"hOeUxgIXYcOn9HlDp9HF","resolved":true,"title":"Cinematic 3D Globe","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"GPU-accelerated particle continents powered by Three.js"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Procedural GLSL animated ocean shader with rim lighting"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Snapping glassmorphism location cards with images and links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D pin markers with latitude and longitude mapping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom crosshair cursor with magnetic snapping mechanics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Liquid lens hover magnification and organic bulge effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth inertia-based drag rotation and auto-spin controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero-allocation animation loop optimized for 60fps performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive auto-resizing with canvas depth and opacity masking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully integrated Framer property controls for effortless styling"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customization Options","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ocean highlight, dark, and light shader gradient colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Particle dot color, density count, and organic size variance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Base dot size and pulse animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marker style selection (Interactive Plus Card vs. Location Pin)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom location coordinates (Latitude and Longitude)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marker card imagery, title, body text, and CTA buttons"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marker background, active states, and custom typography colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Crosshair cursor toggle, line opacity, and center dot size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Liquid hover lens radius, magnification, and bulge intensity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Globe scale, canvas offset positions, and auto-rotation speed"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"How to Use","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag the component directly onto your Framer canvas"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your custom locations using latitude and longitude coordinates"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose between minimal location pins or rich interactive cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust particle density and color palette to match your brand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fine-tune rotation speed and interactive lens hover dynamics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish your site to deliver an immersive 3D world experience"}]}]}]}]},"introduction":"Interactive 3D particle globe","slug":"cinematic-3d-globe","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/01a0b59f-2dc1-778d-bd10-c98c1f096260.webp","metadata":{"tint":{"h":0,"s":0,"l":57},"width":700,"height":525}}],"post":null,"createdAt":"2026-09-14T08:31:30.961Z","updatedAt":"2026-09-21T11:37:47.338Z","publishedAt":"2026-09-14T08:31:30.958Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://bewildered-snow-284775.framer.app","price":"12","paymentUrl":"https://designsbysadat.lemonsqueezy.com/checkout/buy/8384fe7f-98a0-4a0e-a765-85c68bda19c6","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"RzfIDrpVDovzzjIwn1WZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T08:31:31.550Z","updatedAt":"2026-09-14T08:31:31.550Z","reported":false}}],"$L5f"]

Suggested for you