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
{
"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-mcpCursor
{
"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
{
"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_sitesSearch by color, tags, technology, award type or free-text query.
get_site_detailsFull design DNA for one site: palette, technologies, elements, awards, description.
compare_sitesCompare 2–3 sites' design DNA and jury scores as text-only JSON. Uses cached details or fetches missing detail pages.
create_design_briefTurn 2–5 selected site slugs plus a required project goal into a deterministic, cited build brief.
get_index_statusRead local index count, crawl progress, last success/error, lock state and freshness without network requests.
get_site_elementsComponent-level visuals for one site: each element's poster image inline (3D models, video content, mobile layouts,…
list_categoriesEvery filter the agent can search by (200+ tags, 27 colors).
capture_live_siteOptional: fresh full-page screenshot of any live URL. Waits for load + a settle window with a bounded pre-scroll, so…
analyze_page_structureSection band map of any page (live URL or local file:// build): tag, background, offset, height per band.
record_site_motionOptional: short motion-through video of a live URL — preloader, scroll-triggered and hover/cursor animations.
search_elementsSearch the inspiration-elements gallery (footer, hero, pricing, 404…) by free text; ranks BM25 over…
get_elementOne element record: title, category, author, built-with stack, related elements and its media URL (image or video)…
get_motion_dnaRuntime motion fingerprint of a live URL: animation libraries, render engines, ScrollTrigger stats (trigger count,…
analyze_scroll_mapPer-element scroll-motion census of any URL: selector path, trigger source (gsap-scrolltrigger / native css scroll &…
analyze_hover_censusHover-interaction census: extracts :hover rules from stylesheets, then samples up to 20 interactive elements…
analyze_bundleBundle forensics for a live page: fetches the page once, downloads its script chunks (script tags, inline scripts, and…
build_projectConvert a single-file exact rebuild (any local .html, e.g. the rebuild flow's full-page-exact.html) into a runnable…
verify_buildScore a build against a reference site: band-map compare (Dice score) + motion-fingerprint diff (trigger mix,…
capture_componentOptional: serialize one page component (CSS selector, default header) into a portable component-pack-v1 JSON pack —…
capture_pose_3dHero canvas reference frames → camera pose grid; runs on any URL.
build_pose_stubPose grid → offline three.js+GSAP replay skeleton. Renders a pose-grid-v1 grid as a standalone scroll-scrubbed stub…
analyze_stackFingerprint any page's stack from one polite HTML fetch (no browser): framework…
build_gsap_stubCaptured motion evidence → runnable single-file GSAP+ScrollTrigger stub: one timeline per scroll-census anim (trigger,…
search_motionSearch previously captured motion-DNA scans by library, scroll model or easing vocabulary — find references by how a…
new_winnersPoll today's freshly-crowned winners (SOTD / Developer Award / Honorable Mention) against a persisted baseline.
watch_sitePersistent 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
Similar MCP servers
More developer tools MCP servers
OpenLore
clay-good/OpenLore
Deterministic, local-first memory and guardrails for AI coding agents with no LLM in the hot path.
Active · last commit Oct 25, 2026
Developer toolsTypeScriptgflow-cli
ffroliva/gflow-cli
Drive Google Flow from an agent: Veo video and Imagen image generation.
Active · last commit Oct 26, 2026
Developer toolsPythonTilth
jahala/tilth
Smart code reading for humans and AI agents.
Active · last commit Oct 18, 2026
Developer toolsRustNPMScan
salemalem/npmscan-mcp-plugin
Detect malicious or vulnerable npm packages: registry search, OSV.dev and GitHub advisory lookups.
Too new to judge · created Aug 1, 2026
Developer toolsTypeScriptAgentRecall X
Goldentrii/AgentRecall-X
Correction-first persistent memory for AI agents.
Active · last commit Oct 16, 2026
Developer toolsJavaScriptCross Code Organizer
mcpware/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…
Active · last commit Oct 16, 2026
Developer toolsJavaScript
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.