USA - State Maps

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.