VOOZH about

URL: https://glama.ai/mcp/servers/search/popular-mcp-tools-for-front-end-development

⇱ 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.

  • 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.

    F
    license
    B
    quality
    D
    maintenance
    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
    2

  • 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.

  • Why this server?

    Enables critical browser automation tasks and web interactions, such as UI testing and accessibility verification, using the popular Playwright framework.

    A
    license
    -
    quality
    D
    maintenance
    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
    5,659,017
    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.

    A
    license
    -
    quality
    D
    maintenance
    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
    1,273
    3
    MIT

  • 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.

    A
    license
    -
    quality
    D
    maintenance
    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
    197
    26
    MIT

  • 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.

    -
    license
    B
    quality
    -
    maintenance
    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.

    A
    license
    B
    quality
    C
    maintenance
    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
    71
    32
    MIT

  • Why this server?

    Integrates with Mozilla Developer Network (MDN) to provide CSS documentation, property suggestions, and browser compatibility information, ensuring robust styling decisions.

    A
    license
    -
    quality
    D
    maintenance
    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
    227
    333
    ISC