threejs-devtools-mcp

★ 124

basecoat-ui-mcp

★ 38

threejs-devtools-mcp vs basecoat-ui-mcp

Q: Which is better, threejs-devtools-mcp or basecoat-ui-mcp?

By GitHub stars, threejs-devtools-mcp has more community adoption, but the best choice depends on your specific use case.

threejs-devtools-mcp: threejs-devtools-mcp is an MCP server offering a comprehensive suite of 69 tools for real-time inspection and live modification of Three.js scenes. It supports both vanilla Three.js and React Three Fiber projects, allowing developers to debug, audit, and generate code without altering their project files.; basecoat-ui-mcp: Basecoat UI MCP is an offline Model Context Protocol server that provides a deterministic registry for AI coding agents, offering curated templates, macro layouts, and static validation for various web frameworks. It runs locally without runtime network requests, delivering bounded responses and supporting a project-specific composition system for UI design.

TL;DR

threejs-devtools-mcpDev Tooling · ★ 124

Debugging visual issues like invisible models or incorrect lighting in Three.js scenes.

Read threejs-devtools-mcp full review →

basecoat-ui-mcpDev Tooling · ★ 38

AI-assisted UI development for Astro, Next.js, and static HTML projects.

Read basecoat-ui-mcp full review →

Side-by-Side Comparison

Field

threejs-devtools-mcp

basecoat-ui-mcp

Features

threejs-devtools-mcp

01Real-time scene inspection and live changes without project modification.

02Over 60 specialized tools for objects, materials, shaders, animation, performance, and more.

03Automatic code generation for live changes, compatible with vanilla Three.js and React Three Fiber.

04Integrated website audits, video frame capture, and Playwright/Puppeteer helpers.

05In-browser overlay for performance stats, interactive scene graph, and material editing.

basecoat-ui-mcp

01Offline Model Context Protocol (MCP) server for AI coding agents.

02Provides curated templates, macro layouts, and rhythm tokens for UI composition.

03Static validation of HTML/Astro source code for composition issues.

04Supports persistent design sessions for tracking and managing UI compositions.

05Zero runtime network requests, bounded response sizes, and local-first import.

Use Cases

threejs-devtools-mcp

↳Debugging visual issues like invisible models or incorrect lighting in Three.js scenes.

↳Live previewing and applying stylistic changes to 3D objects and materials, then converting them into code.

↳Conducting performance and web audits for Three.js applications to identify issues like blurry canvases or heavy textures.

↳Automating visual regression tests and capturing high-quality video clips for promotional content.

↳Integrating into end-to-end testing workflows using Playwright or Puppeteer for automated scene verification.

basecoat-ui-mcp

↳AI-assisted UI development for Astro, Next.js, and static HTML projects.

↳Generating and validating UI components (e.g., shells, auth flows, dashboards) using AI agents.

↳Auditing or restyling existing UIs by leveraging rhythm rules and theme insights.

↳Creating and managing persistent UI design sessions within an IDE or development environment.

Best For

threejs-devtools-mcp

Hidden Gem

basecoat-ui-mcp

—

FAQ

What is the difference between threejs-devtools-mcp and basecoat-ui-mcp?

Both threejs-devtools-mcp and basecoat-ui-mcp are in the Dev Tooling category. threejs-devtools-mcp has 124 stars, while basecoat-ui-mcp has 38 stars.

Which is better, threejs-devtools-mcp or basecoat-ui-mcp?

The best choice depends on your use case. Choose threejs-devtools-mcp if Debugging visual issues like invisible models or incorrect lighting in Three.js scenes., and basecoat-ui-mcp if AI-assisted UI development for Astro, Next.js, and static HTML projects..

Is threejs-devtools-mcp free or open source?

Yes, threejs-devtools-mcp is open source on GitHub (MIT).

Is basecoat-ui-mcp free or open source?

Yes, basecoat-ui-mcp is open source on GitHub (MIT).

Cloud Infrastructure

Deploy on DigitalOcean

Host your MCP servers, Docker containers, and AI agents with $200 free credit over 60 days.

Claim $200 Free Credit

→

Alternatives to threejs-devtools-mcp →Alternatives to basecoat-ui-mcp →threejs-devtools-mcp details →basecoat-ui-mcp details →

TL;DR

Side-by-Side Comparison

Features

Use Cases

Best For

FAQ

Deploy on DigitalOcean

Related