Best Awwwards MCP Servers
Awwwards is a platform that recognizes and promotes the best web design trends and digital creativity. It serves as a meeting point for web designers, developers, and agencies to find inspiration, showcase their work, and participate in awards competitions that celebrate innovation and excellence in website design.
Why this server?
Searches Awwwards for UI design inspiration, providing tools to find visual references, design patterns, and case studies.
AlicenseAqualityDmaintenanceSearches top design platforms like Dribbble and Behance to provide UI inspiration, color palettes, and layout patterns via the Serper API. It allows users to retrieve visual references, articles, and style guides directly within any MCP-compatible client.2420MITWhy this server?
Searches Awwwards for visual UI/UX design inspiration, fetching live examples of award-winning website designs.
AlicenseAqualityBmaintenanceA stateless MCP server for UI/UX design inspiration, live component discovery, and modern web micro-effects, resolving queries in real time via the Serper API.611 npm6MITWhy this server?
Provides tools for searching Awwwards award-winning websites by color, tags, technology, award type, or free-text query; viewing site screenshots; and extracting design DNA such as color palettes, technologies, design elements, and award history. Can also capture, analyze, and record motion of live sites for design inspiration.
AlicenseAqualityAmaintenanceProvides AI agents with a visual design inspiration loop from award-winning websites, including natural-language search, inline screenshots, and detailed design DNA extraction. Also supports optional live page capture, structure analysis, and motion recording for design verification.15388 npm103MITWhy this server?
Allows searching Awwwards for UI design inspiration, returning image URLs, article titles, snippets, and source links for visual references and design articles.
AlicenseAqualityBmaintenanceSearches design platforms for UI references and extracts design tokens such as colors, typography, spacing, and shadows from live websites.5MITWhy this server?
Provides search and harvest of Awwwards winning sites and gallery references, cutting live sites into sections and capturing screenshots for design research.
AlicenseNot gradedqualityAmaintenanceEnables Claude Code to research design references per page section across galleries like Awwwards, Dribbble and Mobbin, render the user's page in multiple style directions with live 3D components, and collect votes on a local board. It then produces a PDF report and iteratively builds and refines the actual page, dashboard prototype or mobile screens from that feedback.703 npm1MITWhy this server?
Provides access to Awwwards winning and nominated websites, enabling search by style or category and extraction of design tokens such as color palette, typography, layout, and motion specifications.
AlicenseNot gradedqualityBmaintenanceProvides live Awwwards design specifications—palette, typography, layout, and motion—as structured JSON tokens that Lovable or any MCP client can use to generate or restyle projects on demand.388 npmMITWhy this server?
Allows AI agents to search and retrieve web design inspiration and references from Awwwards, a curated gallery of award-winning websites.
AlicenseNot gradedqualityBmaintenanceProvides AI coding agents with structured access to design research, component libraries, motion systems, design DNA extraction, visual search, and production workflows through MCP and SDK interfaces.2 npmApache 2.0Why this server?
Provides semantic retrieval of premium UI components from Awwwards, enabling AI agents to adapt them into React + Tailwind.
FlicenseNot gradedqualityBmaintenanceAn MCP server that enables AI agents to semantically retrieve premium UI components from Awwwards and adapt them into clean React + Tailwind code.1-