Skip to content
appsgit

Awwwards MCP

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.

github.com/INSANE0777/Awwwards-mcp (opens in a new tab)

Data as of from the GitHub API; description from the project's repository. Report an error

Install Awwwards MCP

Generated from the server's published package. Replace your-value with your own values.

Claude Desktop

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

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

Cursor

.cursor/mcp.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
{
  "servers": {
    "awwwards-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "awwwards-mcp"
      ]
    }
  }
}

Config formats checked against the official docs on Oct 7, 2026: modelcontextprotocol.io (opens in a new tab), code.claude.com (opens in a new tab), cursor.com (opens in a new tab), code.visualstudio.com (opens in a new tab).

Tools (26)

Parsed from the Tools section of the README; check the repository for the current list.

  • 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).

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

  • ai-agents
  • awwwards
  • claude-code
  • codex
  • coding-agent
  • cursor
  • design-inspiration
  • mcp
  • mcp-server
  • opencode

FAQ

Awwwards MCP FAQ

Still curious? Email info@appsgit.com.

How do I install the Awwwards MCP MCP server?

Add the command npx -y awwwards-mcp to your MCP client: put it in claude_desktop_config.json for Claude Desktop, run claude mcp add for Claude Code, or add it to .cursor/mcp.json (Cursor) or .vscode/mcp.json (VS Code). The snippets on this page are ready to paste.

Is Awwwards MCP free?

The server is open source under the MIT license, so running it is free. It does not declare any required API key.

Is Awwwards MCP actively maintained?

The most recent commit was on Oct 25, 2026. The latest release is v1.13.0, published Oct 25, 2026. appsgit only lists MCP servers with a commit in the last six months.