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.Last updated835124MITWhy 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.Last updated236MITWhy 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.Last updated524949MITWhy 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 paymentsLast updated11331Apache 2.0Why this server?
Supports post discovery via XML sitemap for Framer sites.
AlicenseAqualityAmaintenanceA 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.Last updated8212MITWhy 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.Last updated122Why this server?
Provides curated design system tokens, including typography and color palettes, inspired by Framer's aesthetic.
Alicense-qualityCmaintenanceGive your AI coding agent design taste. 104 curated design seeds with colors, fonts, spacing, and shadows. Query by vibe, brand, or style.Last updated16MITWhy this server?
Connects IDEs to the Framer and Framer Motion ecosystem, enabling the generation of high-fidelity animation snippets and React component scaffolding with property controls for use within Framer.
Flicense-qualityDmaintenanceConnects IDEs to the Framer and Framer Motion ecosystem by providing animation snippets and React component scaffolding. It enables users to generate high-fidelity UI effects and code-ready components compatible with Framer's property controls.Last updatedWhy this server?
Offers a Framer component for integrating animated globes into Framer projects.