Best Framer MCP Servers
Framer is a web design and development platform that allows users to create interactive websites and prototypes without coding. It offers a visual editor with pre-built components, animations, and templates for creating responsive websites.
Why this server?
Provides enhanced documentation, type signatures, examples, version migration guides, and error diagnosis for Framer Motion packages.
AlicenseAqualityDmaintenanceA next-generation framework documentation provider for Claude Code via Model Context Protocol (MCP). Returns types + prose + examples with context-aware formatting for any npm package — not just curated ones.831 npm127MITWhy this server?
Supports integration with Framer Motion for text animations and interactive components in the ReactBits collection.
AlicenseAqualityCmaintenanceA Model Context Protocol server that provides AI assistants with access to ReactBits.dev components - a collection of 135+ animated React components for creative developers.5166 npm64MITWhy this server?
Offers a Framer component for integrating animated globes into Framer projects.
AlicenseAqualityCmaintenanceOpen-source dotted maps and animated 3D globes. Pick one of 21 looks for a country or the world, build share links, open and edit a pasted link, and get embed code. Hosted at https://globestudio.app/mcp or run with npx @globestudio/mcp. Free, MIT, no API key.611 npm5MITWhy this server?
Enables payment hook integration with Framer through customizable payment link webhooks that can be connected to Framer automation workflows.
AlicenseBqualityDmaintenancePayment & Transaction Tools that allow AI agents to send, receive, and request payments1117 npm2Apache 2.0Why this server?
Supports post discovery via XML sitemap for Framer sites.
AlicenseAqualityCmaintenanceA MCP server that turns your scattered SEO and analytics data into one clear verdict per URL. Plug it into Claude, Cursor, or any MCP-aware client and ask: "Which three posts should I update this week?" - and get an answer backed by hard numbers.852 npm2MITWhy this server?
Enables creation and management of Framer plugins with web3 capabilities, including wallet connections, smart contract interactions, and NFT displays
AlicenseBqualityDmaintenanceEnables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.238MITWhy this server?
Allows creation of complex animation timelines and code generation using Framer Motion, with animation preview capabilities and multiple easing options
FlicenseBqualityDmaintenanceEnables comprehensive UI/UX development workflows through integrated tools for component development with Storybook, Tailwind CSS styling, Framer Motion/GSAP animations, Playwright testing, and automated design system generation. Provides end-to-end automation for visual regression testing, accessibility compliance, and UX optimization analysis.122-Why this server?
Provides access to Framer-based no-code website design references and examples for design research and inspiration.
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 tools to interact with Framer projects, including CMS content management, design via DSL, code component management, preview, and publishing.
AlicenseNot gradedqualityDmaintenanceConnects MCP clients to Framer projects for reading sites, editing CMS content, designing pages with a DSL, managing code components, and previewing changes locally.MIT