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

MiddleEastMap

Live Preview

Explore the interactive demo to see MiddleEastMap in action before adding it to your project.

Preview: https://middleeastmap.framer.website/

About the Component

MiddleEastMap is a premium interactive map component built for Framer. Designed with a clean, modern aesthetic and fully customizable controls, it helps you showcase the Middle East with clarity, precision, and engaging interactions.

Whether you're building SaaS dashboards, analytics platforms, logistics solutions, fintech products, travel websites, enterprise applications, or data visualization tools, MiddleEastMap makes it easy to create professional, interactive experiences that seamlessly integrate into your design.

Why You'll Love It

Interactive Middle East map
Fully customizable styling
Smooth hover interactions
Clean modern design
Responsive across all devices
Lightweight & performance optimized
Easy to customize
Built exclusively for Framer

Perfect For

SaaS Products
Analytics Dashboards
Logistics Platforms
Fintech Apps
Travel Websites
Enterprise Solutions
Data Visualization
Landing Pages

Customization

Customize everything directly from Framer's properties panel:

Country colors
Hover colors
Selected country styling
Border colors
Background color
Labels
Responsive sizing
Layout controls
Interaction settings
Visual styling

Need Help?

Have a question, need support, or want to suggest a new feature? I'd be happy to help.

Email: workwithsameer21@gmail.com

Book a Call: https://cal.com/workwithsameer/15-min-meeting?overlayCalendar=true

Follow on X: https://x.com/_sameerrr0

5a:[["$","$L5d",null,{"post":{"id":"019f9508-f4c4-703e-baea-04ef48d5bb8b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"c90db83d-eea5-4080-b136-e7529e97e2b4","name":"SAMEER","slug":"sameer","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30930/avatar-JRmdsDqtewd6AUgD9lc689JAQFR6F1.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Kh1egr7y4FQ4umCsua1T","resolved":true,"title":"Middle East Map","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"MiddleEastMap"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"Live Preview"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Explore the interactive demo to see MiddleEastMap in action before adding it to your project."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://middleeastmap.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://middleeastmap.framer.website/","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"text","text":"About the Component"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"MiddleEastMap is a premium interactive map component built for Framer. Designed with a clean, modern aesthetic and fully customizable controls, it helps you showcase the Middle East with clarity, precision, and engaging interactions."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building SaaS dashboards, analytics platforms, logistics solutions, fintech products, travel websites, enterprise applications, or data visualization tools, MiddleEastMap makes it easy to create professional, interactive experiences that seamlessly integrate into your design."}]},{"type":"customHeading","content":[{"type":"text","text":"Why You'll Love It"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Middle East map"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully customizable styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth hover interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean modern design"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across all devices"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lightweight & performance optimized"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built exclusively for Framer"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS Products"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Analytics Dashboards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Logistics Platforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fintech Apps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Travel Websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enterprise Solutions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Data Visualization"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Landing Pages"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Customization"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Customize everything directly from Framer's properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Country colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Selected country styling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive sizing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layout controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction settings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Visual styling"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Need Help?"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Have a question, need support, or want to suggest a new feature? I'd be happy to help."}]},{"type":"paragraph","content":[{"type":"text","text":"Email:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"workwithsameer21@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:workwithsameer21@gmail.com","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Book a Call:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://cal.com/workwithsameer/15-min-meeting?overlayCalendar=true","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://cal.com/workwithsameer/15-min-meeting?overlayCalendar=true","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow on X:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://x.com/_sameerrr0","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/_sameerrr0","target":"_blank"}}]}]}]},"introduction":"premium interactive Middle East","slug":"middle-east-map","author":{"framerUserId":"c90db83d-eea5-4080-b136-e7529e97e2b4","name":"SAMEER","slug":"sameer","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/30930/avatar-JRmdsDqtewd6AUgD9lc689JAQFR6F1.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c90db83d-eea5-4080-b136-e7529e97e2b4/019f9508-e61f-75ed-8112-9f588330751d.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-24T16:50:19.397Z","updatedAt":"2026-07-29T10:46:20.488Z","publishedAt":"2026-07-24T16:50:19.393Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://middleeastmap.framer.website/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_kXEqEJG8VmgGsgehvhdUy1QkxQFfZWU1zVLUH4TWk0y","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"k43f6hINoIzlBwGEZRGO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-24T16:50:19.972Z","updatedAt":"2026-07-24T16:50:19.972Z","reported":false}}],"$L5f"]

Suggested for you