component
USA - State Maps
By Andrew Norman
Details
- Andrew NormanAuthor
- componentType
- $10.00Price
- 2026-04-08Published
- 2026-07-19Updated
- 2026-03-28Added
- MapsCategories
Summary
Easily add cool state maps
Description
Render any US state as a clean, scalable vector shape — directly in Framer. StateMap includes all 50 states plus Washington D.C., each with precision-traced SVG paths and smart viewBox cropping so every shape fills its frame perfectly. Four visual styles: Filled — solid color fill, no stroke Outline — stroke only, transparent fill Filled + Shadow — filled shape with a soft glowing drop shadow (great for dark UIs) Dots — a dot-grid pattern clipped to the state shape, with adjustable dot size and spacing All styles are fully customizable via Framer's property controls — pick any state, dial in your colors, stroke weight, and dot density without touching code. Highlights: All 51 regions included (50 states + D.C.) Crisp at any size — vector paths with non-scaling-stroke Drop shadow color matches your stroke color automatically Dots pattern anchored to the shape's coordinate space — no drift or offset Zero dependencies Perfect for: location-based dashboards, travel apps, regional data visualizations, interactive maps, and any design that needs a polished US state silhouette.
Introduction
Easily add cool state maps
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3273