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

A dotted globe for Framer that turns to the places you name. Press a place, or tab to it and press Enter, and the globe turns it to the middle and opens a card with its name, a line of detail and a link. Press it again, Close or Escape to shut the card, and focus goes back to the place.

Every place is a real button a keyboard reaches, including the ones on the far side of the planet: tab to one and the globe turns to meet it. Or add a list of places under the globe and steer it from there.

It is drawn in the page's own HTML: no WebGL, no library, no map service and no request at runtime. The land is Natural Earth's outline, public domain, built into the file, so the globe is on the page before any script runs.

Coordinates paste straight from a map app, "51.5072, -0.1276" or "51.5072 N, 0.1276 W", and a place whose coordinates are cleared is left off with a warning, never dropped at 0, 0. Arcs join the first place to the rest, or each place to the next, lifted over the surface and hidden where they pass behind it.

It turns by itself, turns under a finger or a mouse and glides when thrown, and it stops while a card is open, while someone hovers or reads it, when it is off screen and for visitors who ask for less motion. Dot spacing and size, globe size, shade, glow, grid lines, labels, pins, fonts and every colour are controls.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev

5a:[["$","$L5d",null,{"post":{"id":"01a0d7cc-577a-7357-baa5-fbe07876e404","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NosPqLHqLlv53MkIxTkF","resolved":true,"title":"Far Flung","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A dotted globe for Framer that turns to the places you name. Press a place, or tab to it and press Enter, and the globe turns it to the middle and opens a card with its name, a line of detail and a link. Press it again, Close or Escape to shut the card, and focus goes back to the place."}]},{"type":"paragraph","content":[{"type":"text","text":"Every place is a real button a keyboard reaches, including the ones on the far side of the planet: tab to one and the globe turns to meet it. Or add a list of places under the globe and steer it from there."}]},{"type":"paragraph","content":[{"type":"text","text":"It is drawn in the page's own HTML: no WebGL, no library, no map service and no request at runtime. The land is Natural Earth's outline, public domain, built into the file, so the globe is on the page before any script runs."}]},{"type":"paragraph","content":[{"type":"text","text":"Coordinates paste straight from a map app, \"51.5072, -0.1276\" or \"51.5072 N, 0.1276 W\", and a place whose coordinates are cleared is left off with a warning, never dropped at 0, 0. Arcs join the first place to the rest, or each place to the next, lifted over the surface and hidden where they pass behind it."}]},{"type":"paragraph","content":[{"type":"text","text":"It turns by itself, turns under a finger or a mouse and glides when thrown, and it stops while a card is open, while someone hovers or reads it, when it is off screen and for visitors who ask for less motion. Dot spacing and size, globe size, shade, glow, grid lines, labels, pins, fonts and every colour are controls."}]},{"type":"paragraph","content":[{"type":"text","text":"After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it."}]},{"type":"paragraph","content":[{"type":"text","text":"Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev"}]}]},"introduction":"Dotted globe, turns to each place","slug":"far-flung","author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a0d7c8-df6f-72a9-9867-ae219c940773.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-25T09:01:27.703Z","updatedAt":"2026-09-25T09:01:27.703Z","publishedAt":"2026-09-25T09:01:27.700Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://safe-book-192450.framer.app/far-flung","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_vl5KA5nLl85FuFehjsiwEcl2Sj0TFZr2e0GWD2NYhPL","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"efPvofMd09xApq6pm340","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-25T09:01:28.314Z","updatedAt":"2026-09-25T09:01:28.314Z","reported":false}}],"$L5f"]

Suggested for you