# Awwwards MCP (MCP server)

> Awwwards MCP is an MCP server that adds developer tools to AI assistants such as Claude Desktop, Claude Code and Cursor. Free, open-source MCP server that gives AI coding agents (Claude Code, Codex, Cursor, OpenCode, ZCode…) design inspiration from award-winning… It has 337 GitHub stars, is released under the MIT license and runs locally with npx -y awwwards-mcp.

Free, open-source MCP server that gives AI agents design inspiration from Awwwards — the Mobbin-style visual reference loop, sourced from the web's best award-winning websites.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/INSANE0777/Awwwards-mcp |
| GitHub stars | 337 |
| License | MIT |
| Language | TypeScript |
| Transport | stdio |
| Packages | npm: awwwards-mcp |
| Remote URL | none |
| Needs API key | no |
| Official | no |
| Works with | Claude Desktop, Claude Code, Cursor, VS Code |
| Category | Developer tools |
| Latest release | v1.13.0 (Oct 25, 2026) |
| Last commit | Oct 25, 2026 |

## Install

### Claude Desktop (claude_desktop_config.json)

```json
{
  "mcpServers": {
    "awwwards-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "awwwards-mcp"
      ]
    }
  }
}
```

Settings > Developer > Edit Config. macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\. Restart Claude Desktop afterwards.

### Claude Code

```sh
claude mcp add --transport stdio awwwards-mcp -- npx -y awwwards-mcp
```

### Cursor (.cursor/mcp.json)

```json
{
  "mcpServers": {
    "awwwards-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "awwwards-mcp"
      ]
    }
  }
}
```

Project file; use ~/.cursor/mcp.json to enable it in every project.

### VS Code (.vscode/mcp.json)

```json
{
  "servers": {
    "awwwards-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "awwwards-mcp"
      ]
    }
  }
}
```

Config formats checked against the official docs on 2026-10-07.

## Tools

- `search_sites`: Search by color, tags, technology, award type or free-text query.
- `get_site_details`: Full design DNA for one site: palette, technologies, elements, awards, description.
- `compare_sites`: Compare 2–3 sites' design DNA and jury scores as text-only JSON. Uses cached details or fetches missing detail pages.
- `create_design_brief`: Turn 2–5 selected site slugs plus a required project goal into a deterministic, cited build brief.
- `get_index_status`: Read local index count, crawl progress, last success/error, lock state and freshness without network requests.
- `get_site_elements`: Component-level visuals for one site: each element's poster image inline (3D models, video content, mobile layouts,…
- `list_categories`: Every filter the agent can search by (200+ tags, 27 colors).
- `capture_live_site`: Optional: fresh full-page screenshot of any live URL. Waits for load + a settle window with a bounded pre-scroll, so…
- `analyze_page_structure`: Section band map of any page (live URL or local file:// build): tag, background, offset, height per band.
- `record_site_motion`: Optional: short motion-through video of a live URL — preloader, scroll-triggered and hover/cursor animations.
- `search_elements`: Search the inspiration-elements gallery (footer, hero, pricing, 404…) by free text; ranks BM25 over…
- `get_element`: One element record: title, category, author, built-with stack, related elements and its media URL (image or video)…
- `get_motion_dna`: Runtime motion fingerprint of a live URL: animation libraries, render engines, ScrollTrigger stats (trigger count,…
- `analyze_scroll_map`: Per-element scroll-motion census of any URL: selector path, trigger source (gsap-scrolltrigger / native css scroll &…
- `analyze_hover_census`: Hover-interaction census: extracts :hover rules from stylesheets, then samples up to 20 interactive elements…
- `analyze_bundle`: Bundle forensics for a live page: fetches the page once, downloads its script chunks (script tags, inline scripts, and…
- `build_project`: Convert a single-file exact rebuild (any local .html, e.g. the rebuild flow's full-page-exact.html) into a runnable…
- `verify_build`: Score a build against a reference site: band-map compare (Dice score) + motion-fingerprint diff (trigger mix,…
- `capture_component`: Optional: serialize one page component (CSS selector, default header) into a portable component-pack-v1 JSON pack —…
- `capture_pose_3d`: Hero canvas reference frames → camera pose grid; runs on any URL.
- `build_pose_stub`: Pose grid → offline three.js+GSAP replay skeleton. Renders a pose-grid-v1 grid as a standalone scroll-scrubbed stub…
- `analyze_stack`: Fingerprint any page's stack from one polite HTML fetch (no browser): framework…
- `build_gsap_stub`: Captured motion evidence → runnable single-file GSAP+ScrollTrigger stub: one timeline per scroll-census anim (trigger,…
- `search_motion`: Search previously captured motion-DNA scans by library, scroll model or easing vocabulary — find references by how a…
- `new_winners`: Poll today's freshly-crowned winners (SOTD / Developer Award / Honorable Mention) against a persisted baseline.
- `watch_site`: Persistent watches over studios, tags or specific sites (add/list/remove).

## Similar MCP servers

- [OpenLore](https://appsgit.com/mcp-servers/openlore): Deterministic, local-first memory and guardrails for AI coding agents with no LLM in the hot path. (353 stars, MIT)
- [gflow-cli](https://appsgit.com/mcp-servers/gflow-cli): Drive Google Flow from an agent: Veo video and Imagen image generation. (335 stars, MIT)
- [Tilth](https://appsgit.com/mcp-servers/tilth): Smart code reading for humans and AI agents. (357 stars, MIT)
- [NPMScan](https://appsgit.com/mcp-servers/npmscan): Detect malicious or vulnerable npm packages: registry search, OSV.dev and GitHub advisory lookups. (332 stars, MIT)
- [AgentRecall X](https://appsgit.com/mcp-servers/agentrecall-x): Correction-first persistent memory for AI agents. (372 stars, MIT)
- [Cross Code Organizer](https://appsgit.com/mcp-servers/cross-code-organizer): Cross-Code Organizer (formerly Claude Code Organizer): cross-harness config dashboard for Claude Code, Codex CLI, MCP servers, skills, memories, agents, sessions, security scanning, context budget… (385 stars, MIT)

---

Canonical page: https://appsgit.com/mcp-servers/awwwards-mcp
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed daily.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.
