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 -
9
3
46
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
-
security
F
license
-
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 -
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
Operative-Sh
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 -
2
1,194
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 -
524,380
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 -
299
2
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 -
10
15
MIT License
Why this server?
A core utility for frontend developers, providing comprehensive JavaScript code analysis and debugging using ESLint and custom pattern matching to fix potential bugs and quality issues.
Ultra Debugger
alfi-j
-
security
F
license
-
quality
Enables comprehensive JavaScript code analysis and debugging using ESLint and custom pattern matching. Identifies syntax errors, potential bugs, code quality issues, and provides actionable fix suggestions for single files or entire projects.
Last updated -
4
Why this server?
A specialization tool for modern UI/UX workflows, enabling AI-powered creation and generation of UI components using Tailwind CSS.
FlyonUI MCP Server
themeselection
A
security
F
license
A
quality
An AI-powered Tailwind builder that helps developers create, inspire, and refactor UI components directly within their IDE, supporting popular frameworks like React, Next.js, Vue, and Svelte.
Last updated -
6
36
19
Why this server?
Integrates with Mozilla Developer Network (MDN) to provide CSS documentation, property suggestions, and browser compatibility information, ensuring robust styling decisions.
CSS MCP Server
stolinski
-
security
F
license
-
quality
Provides up-to-date CSS documentation and browser compatibility data from MDN through natural language queries. Features intelligent caching and supports all CSS properties, selectors, functions, and concepts with automatic normalization.
Last updated -
5

WebEvalAgent MCP Serverofficial