5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:T785,

Germany Map Pro is a highly interactive and customizable Germany states map component built for Framer. It allows users to explore all states with smooth hover interactions, dynamic tooltips, selectable regions, and fully customizable styling controls. The component supports GeoJSON-based rendering for accurate map visuals while maintaining responsive performance across all screen sizes.

Designed for modern websites, dashboards, travel platforms, educational projects, data visualization interfaces, and interactive landing pages, Germany Map Pro combines functionality with a clean visual experience. Users can highlight specific states, display custom details on hover, and personalize colors, typography, borders, and tooltip styles directly inside Framer without writing additional code.

Features

Interactive Germany political map
Hover animations and tooltip support
Select and highlight custom states
Dynamic state details support
Fully customizable colors and typography
Responsive SVG-based rendering
GeoJSON integration for accurate regions
Smooth transitions and interactions
Optimized for Framer projects
Easy customization through property controls

Perfect For

Travel websites
Educational platforms
Data visualization dashboards
Interactive infographics
Government or regional websites
Portfolio and presentation projects
Analytics interfaces
Tourism experiences

If you have any questions or need help with setup, feel free to reach out at motionlabspace@gmail.com — I’m happy to help.

59:[["$","$L5c",null,{"post":{"id":"019e9cbc-4246-7680-b59b-3f2e03fc02de","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0412f842-fca5-456f-b801-c84139673b67","name":"Motion Lab","slug":"motion-lab-space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2431349/avatar-WNkgnug1VXazTgLRq9leRMUuivwRpO.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cwfhNXU7zPX4qituUDaT","resolved":true,"title":"Germany Map Pro","body":"$5d","bodyJson":null,"introduction":"Interactive Germany states map","slug":"germany-map-pro","author":{"framerUserId":"0412f842-fca5-456f-b801-c84139673b67","name":"Motion Lab","slug":"motion-lab-space","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2431349/avatar-WNkgnug1VXazTgLRq9leRMUuivwRpO.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/cwfhNXU7zPX4qituUDaT/germany-map-pro-h3h54KTFa3UpOhX2ahNhVdz7iAEdzu","metadata":{"tint":"hsl(0 0% 57%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-06-01T10:55:37.394Z","updatedAt":"2026-06-16T12:37:45.486Z","publishedAt":"2026-06-06T11:40:43.974Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://germanymappro.framer.website/","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_KGivQIM0q8ulS0j2I5LinIhlPsgri8sGkIXxM0ITUby","workshop":true,"categories":[{"id":"367c9c1e-4f68-45ab-8981-56e69b3dda95","name":"Data","slug":"data"}],"lastSaveId":"LfETTcFodeVW2SOrPeVW"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-06T11:40:43.974Z","updatedAt":"2026-06-06T11:40:43.974Z","reported":false}}],"$L5e"]

Suggested for you