Awwwards-mcp

What it is good for

• Finding design inspiration from award-winning websites
• Rebuilding a website layout section by section from a reference
• Comparing the color palettes and tech stacks of sample sites
• Checking a new website build against the original design

At a glance

Who it is for

• Vibe coders
• Designers
• Developers

Setup

Guided command-line setup

Level 4 of 5. You copy and paste commands into a terminal by following the instructions. Comfortable territory for vibe coders.

Cost

Free and open source

Type

MCP server or connector

Tasks

• Build a website or landing page
• Research a topic across the web

Works with

Claude Code, Codex, Cursor, OpenCode, ZCode

Momentum

Rank this week

Not ranked yet

Best rank

None yet

GitHub stars

384

GitHub numbers as of Nov 2, 2026. Updated weekly.

Official links

Setup steps are on the official pages. We do not repeat them here, since they change.

• Source code on GitHub
• npm package

Questions

Is Awwwards-mcp free?

Yes. It is free and open source (MIT license).

Do I need to know how to code to use Awwwards-mcp?

You do not need to write code, but setup means copying and pasting commands into a terminal by following its instructions.

What does Awwwards-mcp work with?

According to its own documentation, it works with Claude Code, Codex, Cursor, OpenCode, and ZCode.

What is Awwwards-mcp good for?

Finding design inspiration from award-winning websites, rebuilding a website layout section by section from a reference, comparing the color palettes and tech stacks of sample sites, and checking a new website build against the original design.

Similar agents to Awwwards-mcp

• designer-skills

  Designer Skills is a collection of skills and commands that teach Claude Code and Gemini CLI to help with design work from research to delivery for designers.

• Figma-Context-MCP

  Figma-Context-MCP is an MCP server that gives AI coding tools like Cursor access to Figma layout data so they can build designs accurately.

• Figwright

  Figwright is an MCP server that lets AI coding agents read Figma designs into code and write changes back to the canvas.

• RES

  RES is a skill that turns a SaaS product into a build kit for rebuilding it, using a browser study, for teams planning a clone or competitor.

• Open Design

  Open Design is a local-first, open source design workspace where teams and AI coding agents build prototypes, slides, images, and videos together.

• Impeccable

  Impeccable is a set of design commands for coding agents that steers, reviews, and polishes interfaces to avoid generic AI-looking design.