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

Detailed Overview

Map USA is a premium interactive USA map component built to create polished, engaging geographic experiences. Explore the map through highlighted states, interactive hover effects, custom tooltips, animated pulse rings, and configurable state labels. Designed for modern websites, this map gives you full control over how states are displayed and how users interact with the USA map.

Key Features

Interactive State Selection — Choose which states are active and interactive on the map
Custom Tooltips — Add custom headings and descriptions for individual states
Hover Effects — Give selected states a distinct hover color for clear interaction feedback
Animated Pulse Rings — Add elegant animated rings around selected states
Customizable Pulse Animation — Control pulse color, radius, number of rings, and animation speed
State Labels — Show or hide state abbreviation labels directly on the map
Custom State Colors — Configure default, selected, and selected-hover colors
Custom Tooltip Styling — Personalize tooltip background, text, badge, and description colors
Adjustable Map Scale — Easily control the overall size of the USA map
Responsive Layout — Scale the map cleanly across different layouts and screen sizes
Clean SVG Map — Crisp state shapes that remain sharp at different sizes

Best For

Interactive USA map websites
Location and geographic interfaces
Data visualization projects
Travel and tourism websites
Educational map experiences
State selection interfaces
Business and regional websites
Interactive landing pages
Dashboards and directories
Portfolio and creative websites
Geographic storytelling
Premium map sections and visualizations.

5a:[["$","$L5d",null,{"post":{"id":"01a08591-c816-75b6-b890-8d18e7d43d6f","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":"NVDJZ6tWGFMGw68ECJss","resolved":true,"title":"Map USA","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Detailed Overview"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Map USA","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium interactive "},{"type":"text","text":"USA map","marks":[{"type":"bold"}]},{"type":"text","text":" component built to create polished, engaging geographic experiences. Explore the "},{"type":"text","text":"map","marks":[{"type":"bold"}]},{"type":"text","text":" through highlighted states, interactive hover effects, custom tooltips, animated pulse rings, and configurable state labels. Designed for modern websites, this "},{"type":"text","text":"map","marks":[{"type":"bold"}]},{"type":"text","text":" gives you full control over how states are displayed and how users interact with the "},{"type":"text","text":"USA map","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive State Selection","marks":[{"type":"bold"}]},{"type":"text","text":" — Choose which states are active and interactive on the "},{"type":"text","text":"map","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Tooltips","marks":[{"type":"bold"}]},{"type":"text","text":" — Add custom headings and descriptions for individual states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Effects","marks":[{"type":"bold"}]},{"type":"text","text":" — Give selected states a distinct hover color for clear interaction feedback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated Pulse Rings","marks":[{"type":"bold"}]},{"type":"text","text":" — Add elegant animated rings around selected states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Pulse Animation","marks":[{"type":"bold"}]},{"type":"text","text":" — Control pulse color, radius, number of rings, and animation speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"State Labels","marks":[{"type":"bold"}]},{"type":"text","text":" — Show or hide state abbreviation labels directly on the "},{"type":"text","text":"map","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom State Colors","marks":[{"type":"bold"}]},{"type":"text","text":" — Configure default, selected, and selected-hover colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Tooltip Styling","marks":[{"type":"bold"}]},{"type":"text","text":" — Personalize tooltip background, text, badge, and description colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable Map Scale","marks":[{"type":"bold"}]},{"type":"text","text":" — Easily control the overall size of the "},{"type":"text","text":"USA map","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Layout","marks":[{"type":"bold"}]},{"type":"text","text":" — Scale the "},{"type":"text","text":"map","marks":[{"type":"bold"}]},{"type":"text","text":" cleanly across different layouts and screen sizes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean SVG Map","marks":[{"type":"bold"}]},{"type":"text","text":" — Crisp state shapes that remain sharp at different sizes"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Best For"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive "},{"type":"text","text":"USA map","marks":[{"type":"bold"}]},{"type":"text","text":" websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Location and geographic interfaces"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Data visualization projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Travel and tourism websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Educational "},{"type":"text","text":"map","marks":[{"type":"bold"}]},{"type":"text","text":" experiences"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"State selection interfaces"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Business and regional websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive landing pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dashboards and directories"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio and creative websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Geographic storytelling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium "},{"type":"text","text":"map","marks":[{"type":"bold"}]},{"type":"text","text":" sections and visualizations."}]}]}]}]},"introduction":"Interactive USA Map","slug":"map-usa","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/media/0412f842-fca5-456f-b801-c84139673b67/01a08591-aee0-755f-a64b-9c077aeddcde.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-09T09:48:38.267Z","updatedAt":"2026-10-07T11:11:15.614Z","publishedAt":"2026-09-09T09:48:38.263Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://mapusa.framer.website/","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_XU94HZEkE0gv13eJsYYYZCwXn1CxjmizmRVUn2LqaUH","workshop":false,"categories":[{"id":"8ee0cfdd-bc84-44cf-aa9c-54c86b5c56e0","name":"Maps","slug":"maps"}],"lastSaveId":"hhwNbWfSU0suS5iCt1St","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-09T09:48:38.806Z","updatedAt":"2026-09-09T09:48:38.806Z","reported":false}}],"$L5f"]

Suggested for you