Basic MCP App Server (Vanilla JS) - MCP App for ChatGPT, Claude & AI Assistants | MCP App Store

Back to Apps

Basic MCP App Server (Vanilla JS)

Name: Basic MCP App Server (Vanilla JS)
Availability: InStock
Author: infoxicator

Supports UI

by infoxicator

A reference implementation of an MCP App using vanilla JavaScript to demonstrate UI-linked tool registration.

0 stars

0 views

Works in:claude

Exposes:ToolsResources

View on GitHub

What it does

This is a demonstration MCP App that showcases how to link a server tool to a specific interactive UI resource. It renders a vanilla JavaScript user interface (no framework) that allows the user to interact with server-side logic through a structured UI.

Key features

Tool registration with linked UI resources (ui://)
Direct use of the MCP App SDK App class
Integrated theme support (applyDocumentTheme)
Single-file HTML bundling via Vite

Installation

Add the following to your claude_desktop_config.json:

{
  "mcpServers": {
    "basic-vanillajs": {
      "command": "npx",
      "args": [
        "-y",
        "--silent",
        "--registry=https://registry.npmjs.org/",
        "@modelcontextprotocol/server-basic-vanillajs",
        "--stdio"
      ]
    }
  }
}

Supported hosts

Claude Desktop

Quick install

npx -y @modelcontextprotocol/server-basic-vanillajs

Information

Pricing: free
Published: 4/27/2026
stars

Related Apps

Choose your AI client and follow the steps below.

Claude Desktop

{
  "mcpServers": {
    "basic-vanillajs": {
      "command": "npx",
      "args": [
        "-y",
        "--silent",
        "--registry=https://registry.npmjs.org/",
        "@modelcontextprotocol/server-basic-vanillajs",
        "--stdio"
      ]
    }
  }
}