4f:I[267044,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/41gwzxjlh6wda.js","/creators-assets/_next/static/immutable/chunks/0tb62zkq3ytzl.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/0gsy0nazl2cht.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/0y1e6y4tai9kl.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/1gasll1b30-2c.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/15ey03cfkkg-y.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/29vwz5igguxfe.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/0xifckmqg-iju.js"],"S"] 50:T544,

Locations Component

I built Company Locations Component to make showcasing global locations feel effortless and polished — without relying on Google Maps, external APIs, or custom code.

You simply add your locations and the component takes care of everything: rendering a clean, responsive world map, handling smooth zoom and pan interactions, and keeping location pins perfectly in sync with a flexible card list. It’s designed to be easy to use, visually refined, and fully customizable to fit any brand or layout.

What it does:

Renders an interactive SVG world map with no API keys or third-party map services
Lets you add locations easily — coordinates are resolved automatically when needed
Supports smooth pan, animated zoom, double-click zoom, and reset controls
Automatically focuses or fits the map to visible locations
Displays interactive pins linked to a responsive, filterable location list
Includes region and division filters with full-text search
Highlights countries on hover with optional tooltips
Offers deep styling control for the map, pins, cards, tooltips, and UI elements
Handles loading and error states gracefully out of the box

51:T5c7,

Features

Key Features: - Upload GLB & GLTF files
Guided tour with smooth camera transitions and step-by-step annotations
Animation controls: play, loop, and select animations by name
Full camera control: orbit, zoom, and target adjustments
Visual effects: exposure, shadow, contrast, hue, temperature
Customizable annotation and step indicator styles
Clean, toggle-based property panel for easy setup
Enable/disable user interaction and camera controls
Perfect for portfolios, product demos, and immersive web experiences.
NEW: Customizable Hotspots

If you’re having trouble with your files, just open them in Blender, export them as GLTF files, and they should work! Some downloaded files from the internet may not be fully compatible with the component.

Video (OUTDATED)

4e:["$","$L4f",null,{"value":{"fallback":{"$inf$activity-creator-00cd0432-752f-49e7-aa4a-8520abd5358a-all:/unified/creator/00cd0432-752f-49e7-aa4a-8520abd5358a/activity/":[{"data":[],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:00cd0432-752f-49e7-aa4a-8520abd5358a:/unified/posts/?creator=00cd0432-752f-49e7-aa4a-8520abd5358a&with=reposts":[{"data":[{"id":"019b4714-b758-776a-a9d7-f609e2077c98","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"00cd0432-752f-49e7-aa4a-8520abd5358a","name":"Hekuran","slug":"hekuran","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/49041/avatar-wzXInklIba7CI3J5vljcncqYb6kTPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"BwtaWUJTsn6Mk2ojuhmA","resolved":true,"title":"Company Locations","body":"$50","bodyJson":null,"introduction":"","slug":"company-locations","author":{"framerUserId":"00cd0432-752f-49e7-aa4a-8520abd5358a","name":"Hekuran","slug":"hekuran","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/49041/avatar-wzXInklIba7CI3J5vljcncqYb6kTPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/BwtaWUJTsn6Mk2ojuhmA/company-locations-vVraWtPepELzwwCudlZAuCkPZP8tNs","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-12-13T16:35:46.955Z","updatedAt":"2025-12-22T16:55:42.474Z","publishedAt":"2025-12-22T17:21:38.648Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://companylocationspreview.framer.website/","price":"8","paymentUrl":"https://hekuranxhektik.gumroad.com/l/pplmpf","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"A8Fcd3c7ffZ9PHgdxf5A","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-12-22T17:21:38.648Z","updatedAt":"2025-12-22T17:21:38.648Z","type":"post"},{"id":"019a98bd-5c0e-76ed-9c1b-1936254b0c22","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"00cd0432-752f-49e7-aa4a-8520abd5358a","name":"Hekuran","slug":"hekuran","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/49041/avatar-wzXInklIba7CI3J5vljcncqYb6kTPp.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"J2loHYJNFRdVZQLKGxMm","resolved":true,"title":"3D Model Viewer PRO","body":"$51","bodyJson":null,"introduction":"","slug":"3d-model-viewer-pro","author":{"framerUserId":"00cd0432-752f-49e7-aa4a-8520abd5358a","name":"Hekuran","slug":"hekuran","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/49041/avatar-wzXInklIba7CI3J5vljcncqYb6kTPp.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/J2loHYJNFRdVZQLKGxMm/3d-model-viewer-pro-ttWmPOoKWWTLMd9t4nXD3rOisWsTwT","metadata":{"tint":{"h":0,"s":0,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-11-11T21:39:20.487Z","updatedAt":"2025-11-21T19:33:04.135Z","publishedAt":"2025-11-18T20:52:18.062Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dviewerpreview.framer.website/","price":"4","paymentUrl":"https://hekuranxhektik.gumroad.com/l/hzssg","workshop":true,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"vQERX3frIHIT9mZPqe75","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-11-18T20:52:18.062Z","updatedAt":"2025-11-18T20:52:18.062Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L52"}]