OtherMCP Registrynpm5 toolsA · 80

QuasarUI MCP server

Name: QuasarUI
Author: quasarui.com

com.quasarui · Updated today

Find Quasar Framework(Vue) UI Components and paste their source. Free Components need no key.

At a glance

QuasarUI is an MCP server in the Other category. It runs locally over stdio via `npx -y quasarui-mcp`, and needs QUASARUI_ACCESS_KEY and Authorization. It exposes 5 tools, including list_blocks, list_components and search_components. It scores A (80/100) on the MCP Skills Hub health score as of Oct 28, 2026.

Source 0

One-click install

VS Code VS Code Insiders Cursor

Opens your editor and pre-fills the config. Your editor will ask before adding it.

How to install QuasarUI in your AI client

Setup for Claude Code, Claude Desktop, Cursor, Codex, Windsurf, Cline and VS Code — copy-paste ready.

How to install QuasarUI in Claude CodeAnthropic's agentic CLI

Add the server

bash

claude mcp add quasarui -e 'QUASARUI_ACCESS_KEY=<QUASARUI_ACCESS_KEY>' -- npx -y quasarui-mcp

Fill in your credentials
Replace <QUASARUI_ACCESS_KEY>, Bearer <YOUR_TOKEN> with your real values. Keep secrets out of any config file you commit.
3
Verify it's connected
bash
```
claude mcp list
```
Sharing it with your team?
Add `--scope project` to write it to .mcp.json in the repository root, which you can commit (with the secrets left as environment variables).
Use it in a session
Ask Claude to use the tools this server exposes (e.g. list_blocks, list_components, search_components). It discovers them automatically.

How to install QuasarUI in Claude DesktopDesktop app (MCP config)

Open your MCP config
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json

Add this server

json

{
  "mcpServers": {
    "quasarui": {
      "command": "npx",
      "args": [
        "-y",
        "quasarui-mcp"
      ],
      "env": {
        "QUASARUI_ACCESS_KEY": "<QUASARUI_ACCESS_KEY>"
      }
    }
  }
}

Fill in your credentials
Replace <QUASARUI_ACCESS_KEY>, Bearer <YOUR_TOKEN> with your real values. Keep secrets out of any config file you commit.
Restart Claude Desktop
The tools appear under the 🔌 menu once the app reloads.

How to install QuasarUI in CursorAI-first code editor

Create / edit .cursor/mcp.json in your project

json

{
  "mcpServers": {
    "quasarui": {
      "command": "npx",
      "args": [
        "-y",
        "quasarui-mcp"
      ],
      "env": {
        "QUASARUI_ACCESS_KEY": "<QUASARUI_ACCESS_KEY>"
      }
    }
  }
}

Fill in your credentials
Replace <QUASARUI_ACCESS_KEY>, Bearer <YOUR_TOKEN> with your real values. Keep secrets out of any config file you commit.
Enable it
Cursor Settings → MCP → toggle the server on. Tools become available to the Composer/Agent.

How to install QuasarUI in Codex CLIOpenAI coding agent

Add to ~/.codex/config.toml

toml

[mcp_servers.quasarui]
command = "npx"
args = ["-y", "quasarui-mcp"]
env = { QUASARUI_ACCESS_KEY = "<QUASARUI_ACCESS_KEY>" }

Fill in your credentials
Replace <QUASARUI_ACCESS_KEY>, Bearer <YOUR_TOKEN> with your real values. Keep secrets out of any config file you commit.
Run Codex
Codex loads MCP servers from config.toml on startup and exposes their tools to the agent.

How to install QuasarUI in WindsurfCodeium's agentic IDE

Edit ~/.codeium/windsurf/mcp_config.json

json

{
  "mcpServers": {
    "quasarui": {
      "command": "npx",
      "args": [
        "-y",
        "quasarui-mcp"
      ],
      "env": {
        "QUASARUI_ACCESS_KEY": "<QUASARUI_ACCESS_KEY>"
      }
    }
  }
}

Fill in your credentials
Replace <QUASARUI_ACCESS_KEY>, Bearer <YOUR_TOKEN> with your real values. Keep secrets out of any config file you commit.
Reload
Windsurf → Cascade → refresh MCP servers. Cascade can now call the tools.

How to install QuasarUI in ClineVS Code autonomous agent

Open Cline → MCP Servers → Configure
Adds to cline_mcp_settings.json.

Add the server

json

{
  "mcpServers": {
    "quasarui": {
      "command": "npx",
      "args": [
        "-y",
        "quasarui-mcp"
      ],
      "env": {
        "QUASARUI_ACCESS_KEY": "<QUASARUI_ACCESS_KEY>"
      }
    }
  }
}

Fill in your credentials
Replace <QUASARUI_ACCESS_KEY>, Bearer <YOUR_TOKEN> with your real values. Keep secrets out of any config file you commit.

How to install QuasarUI in VS CodeCopilot / MCP support

Create .vscode/mcp.json

json

{
  "servers": {
    "quasarui": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "quasarui-mcp"
      ],
      "env": {
        "QUASARUI_ACCESS_KEY": "<QUASARUI_ACCESS_KEY>"
      }
    }
  }
}

Fill in your credentials
Replace <QUASARUI_ACCESS_KEY>, Bearer <YOUR_TOKEN> with your real values. Keep secrets out of any config file you commit.
Start it
VS Code shows a ▶ Start action above the server entry. Agent mode (Copilot Chat) can then use the tools.

What does QuasarUI need from you?

Bearer token — Bearer YOUR_ACCESS_KEY, for Paid Components. Leave out for Free Components.

QUASARUI_ACCESS_KEYoptionalsecretEnvironment variable
Access Key from your QuasarUI dashboard, for Paid Components. Leave out for Free Components.
AuthorizationoptionalsecretHTTP header
Bearer YOUR_ACCESS_KEY, for Paid Components. Leave out for Free Components.

Pass secrets through your shell environment rather than committing them into a config file.

What tools does QuasarUI expose? (5)

Taken from the project's README — the server itself was not queried, so check its docs for the exact schemas.

list_blocksLists every Block with its Component counts
list_componentsLists the Components in a Block, each marked free or paid
search_componentsFinds Components by what they are, such as "login form" or "sidebar"
get_componentReturns a Component's source
get_setup_guideExplains how to set up a project and paste a Component

What the code can do

Read from the published package source — never executed. Parsed 1 of 1 source file.

This server can read your environment variables.

How it was published

No provenance attestation — there is nothing linking this published artifact to a specific source commit.
1 npm maintainer — a single point of compromise · last published by hafizjavaid.

Maintainer of this package and think something here is wrong? Tell us and we'll correct it.

Before you install

Signals gathered from the source repo and package registry — not a safety verdict.

What it can reach

Runs code on your machine — Executes as a local process with your user's permissions, including filesystem access.
Downloads at launch — The package is fetched from its registry each run unless you pin a version.

Last commit today — Actively maintained.
Repository created today — Very new project with little track record yet.
0 GitHub stars — Very little community usage so far.

Client compatibility

Claude Code: NativeClaude Desktop: NativeCursor: NativeCodex CLI: NativeWindsurf: NativeCline: NativeVS Code: Native

Health score

A · 80

Maintenance, adoption, transparency and packaging — not a safety audit. How this is calculated

Maintenance30%100%
Last commit 0 days ago.
Adoption20%0%
0 stars.
Transparency20%100%
4/4: ✓ public source repo, ✓ declared license, ✓ documentation, ✓ discoverable tool list.
Provenance15%100%
Package and registry entry point at the same repository.
Packaging15%100%
Publishes a pinned version (1.0.0).

Documentation

Full README

QuasarUI MCP Server

Let your AI assistant find QuasarUI Components for Quasar Framework (Vue) and paste their source into your project.

Ask for "a pricing table with a monthly and yearly toggle" and your assistant searches the catalogue, picks a matching Component and pastes its code.

Without a key: every Free Component. No account needed.
With an Access Key: every Paid Component too, if your account holds All Access or Blocks Pro. Create a key.

The server is hosted at https://www.quasarui.com/mcp. New Components appear there as soon as they are published; nothing here needs updating.

Connect your client

Replace YOUR_ACCESS_KEY with your key, or leave the key out for Free Components only.

Claude Code

claude mcp add --transport http quasarui https://www.quasarui.com/mcp --header "Authorization: Bearer YOUR_ACCESS_KEY"

Cursor

Add to ~/.cursor/mcp.json, or .cursor/mcp.json in a project:

json

{
  "mcpServers": {
    "quasarui": {
      "url": "https://www.quasarui.com/mcp",
      "headers": { "Authorization": "Bearer YOUR_ACCESS_KEY" }
    }
  }
}

Claude Desktop and other stdio clients

Clients that only start local servers can use this package, which forwards to the hosted server:

Alternatives to QuasarUI

ExactModsD · 33Source-cited ARRMA 3S / 4x4 parts fitment with revision scope, confidence, sources, and guides.

Maintain QuasarUI? Add a badge to your README

Shows its health grade, and links readers to install steps for every client.

markdown

[![QuasarUI on MCP Skills Hub](https://mcp-skills-hub.vercel.app/badge/com-quasarui-mcp)](https://mcp-skills-hub.vercel.app/mcps/com-quasarui-mcp)

Catalog data refreshed Oct 28, 2026. Something wrong? Report it.