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.