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?
Supports post discovery via XML sitemap for Framer sites.
AlicenseAqualityBmaintenanceA 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 updated8235MITWhy this server?
Supports integration with Framer Motion for text animations and interactive components in the ReactBits collection.
AlicenseAqualityBmaintenanceA 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 updated516347MITWhy this server?
Enables payment hook integration with Framer through customizable payment link webhooks that can be connected to Framer automation workflows.
AlicenseBqualityCmaintenancePayment & Transaction Tools that allow AI agents to send, receive, and request paymentsLast updated11221Apache 2.0Why this server?
Enables creation and management of Framer plugins with web3 capabilities, including wallet connections, smart contract interactions, and NFT displays
AlicenseBqualityCmaintenanceEnables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.Last updated236MITWhy this server?
Allows creation of complex animation timelines and code generation using Framer Motion, with animation preview capabilities and multiple easing options
FlicenseBqualityCmaintenanceEnables 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 updated21MITWhy 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-qualityCmaintenanceConnects 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?
Implements Framer Motion for smooth animations and interactive experiences in the frontend
Flicense-qualityCmaintenanceAn AI-powered meeting assistant that combines FastAPI backend with React frontend to generate high-quality meeting summaries and provide Q&A functionality using OpenAI and Selenium.Last updatedWhy this server?
Provides access to Motion.dev animation library documentation (previously Framer Motion), enabling code generation and best practices for React, JavaScript, and Vue animations
Flicense-qualityCmaintenanceProvides AI assistants with comprehensive access to Motion.dev animation library documentation and code generation tools. Enables LLMs to generate Motion animations for React, JavaScript, and Vue with proper documentation backing and framework conversion capabilities.Last updated9