Skip to content

component

USA - State Maps

By Andrew Norman

Details

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.

110012001300139148/148/228/309/79/15
  • All · #3273