Popular MCP tools for front-end development

Glama

Search for:

Popular MCP tools for front-end development

View all MCP Servers

Why this server?
Directly integrates with the development workflow for React applications, enabling the creation and modification of React apps based on natural language prompts.
https://github.com/Streen9/react-mcp
kalivaraprasad-gonapa
A
security
A
license
A
quality
react-mcp integrates with Claude Desktop, enabling the creation and modification of React apps based on user prompts
Last updated a month ago
9
3
58
MIT License
Why this server?
Provides professional UI/UX design expertise and frontend development tools, specifically supporting popular frameworks like React, Vue, and Angular with best practices baked in.
UI/UX MCP Server
willem4130
A
security
F
license
A
quality
Enables 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 3 months ago
12
Why this server?
A powerful tool for debugging and executing web apps directly within the code editor, featuring webapp navigation and console error collection, essential for frontend quality assurance.
WebEvalAgent MCP Serverofficial
withRefresh
A
security
A
license
A
quality
Unleashes LLM-powered agents to autonomously execute and debug web apps directly in your code editor, with features like webapp navigation, network traffic capture, and console error collection.
Last updated a day ago
2
1,224
Apache 2.0
Why this server?
Enables critical browser automation tasks and web interactions, such as UI testing and accessibility verification, using the popular Playwright framework.
Playwright MCP
mattreya
-
security
A
license
-
quality
Enables LLMs to perform browser automation and web page interactions using Playwright's accessibility tree instead of screenshots. Provides fast, deterministic web automation through structured data without requiring vision models.
Last updated 3 months ago
951,444
Apache 2.0
Why this server?
Crucial for modern frontend development, this server enables AI to run comprehensive performance analysis using Google Lighthouse, focusing on Core Web Vitals and SEO audits.
Lighthouse MCP
mizchi
-
security
F
license
-
quality
Enables AI models to perform Google Lighthouse website performance analysis, including Core Web Vitals, accessibility, SEO audits, and actionable optimization recommendations. Provides comprehensive web performance insights through natural language interactions.
Last updated 2 months ago
187
3
Why this server?
Bridges the gap between design and code by allowing integration with Figma, enabling AI tools to access design data for component generation and more accurate coding.
Figma MCP Server
1yhy
-
security
A
license
-
quality
A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
Last updated 8 months ago
13
16
MIT License

Popular MCP tools for front-end development

https://github.com/Streen9/react-mcp

UI/UX MCP Server

WebEvalAgent MCP Serverofficial

Playwright MCP

Lighthouse MCP

Figma MCP Server