---
title: "USA - State Maps — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Andrew Norman · Maps. Easily add cool state maps"
canonical: "https://framer.elliotli.dev/component/usa-state-maps"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/USA - State Maps

# USA - State Maps

Easily add cool state maps

[View on Framer](https://framer.com/marketplace/components/usa-state-maps/?via=elliot-li)

![USA - State Maps preview image 1](https://framer.elliotli.dev/og/component/usa-state-maps/74e5b9555c3fc061/1600x1200.jpg)

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5827

## Details

- **Author**: Andrew Norman
- **Price**: $10.00
- **Published**: 2026-04-08
- **Updated**: 2026-07-19
- **Added**: 2026-03-28
- **Categories**: Maps

## More like this

-   [Waypoint](/component/waypoint) — Dev Ahsan · $9 — Photo-first locations map
-   [No-key Store Locator](/component/no-key-store-locator) — Sean Weekes · $15 — UK store finder, no Google API key
-   [Geo Office Location](/component/geo-office-location) — Design Foundry · Free — Interactive Global Office Showcase
-   [Map Locator CMS](/component/map-locator-cms) — sherwin · $15 — Map Locator CMS is a flexible, interactive map component for Framer that helps you showcase stores, offices, properties, venues, service…