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?
Enables payment hook integration with Framer through customizable payment link webhooks that can be connected to Framer automation workflows.
AsecurityAlicense-qualityPayment & Transaction Tools that allow AI agents to send, receive, and request paymentsLast updated 18 days ago11291Apache 2.0Why this server?
Enables creation and management of Framer plugins with web3 capabilities, including wallet connections, smart contract interactions, and NFT displays
AsecurityAlicense-qualityEnables creation and management of Framer plugins with web3 capabilities like wallet connections, contract interactions, and NFT displays.Last updated a year ago232MITWhy this server?
Supports integration with Framer Motion for text animations and interactive components in the ReactBits collection.
AsecurityAlicense-qualityA 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 updated 8 months ago520540MITWhy this server?
Allows creation of complex animation timelines and code generation using Framer Motion, with animation preview capabilities and multiple easing options
AsecurityFlicense-qualityEnables 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 updated 8 months ago121Why 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.
-securityFlicense-qualityConnects 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 updated a month agoWhy 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
-securityFlicense-qualityProvides 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 updated 7 months ago9Why this server?
Implements Framer Motion for smooth animations and interactive experiences in the frontend
-securityFlicense-qualityAn 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 updated 10 months agoWhy this server?
Provides curated design system tokens, including typography and color palettes, inspired by Framer's aesthetic.
-securityFlicense-qualityGive your AI coding agent design taste. 104 curated design seeds with colors, fonts, spacing, and shadows. Query by vibe, brand, or style.Last updated 23 days ago24