Find Quasar Framework(Vue) UI Components and paste their source. Free Components need no key.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Bearer YOUR_ACCESS_KEY, for Paid Components. Leave out for Free Components.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Get a Component's full Vue SFC source by slug. Free Components return their source to anyone; a Paid Component without access returns an upgrade message with the pricing URL instead.
Component slug from list_components or search_components, e.g. buttons-01
Get a Component's full Vue SFC source by slug. Free Components return their source to anyone; a Paid Component without access returns an upgrade message with the pricing URL instead.
| Argument | Type | Description |
|---|---|---|
| slug* | string | Component slug from list_components or search_components, e.g. buttons-01 |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"slug"
],
"properties": {
"slug": {
"type": "string",
"description": "Component slug from list_components or search_components, e.g. buttons-01"
}
}
}How to set up Quasar (Quasar CLI, Nuxt or Vite) and paste a QuasarUI Component into a project, including the icon sets the Components need.
No arguments.
{
"type": "object",
"properties": {}
}List every QuasarUI Block (a group of related Components, e.g. pricing-sections) with its tags, how many Components it has, how many are Free, and its page URL.
No arguments.
{
"type": "object",
"properties": {}
}List the Components of one Block, each with "access": "free" (source available to anyone) or "paid" (needs All Access or Blocks Pro).
| Argument | Type | Description |
|---|---|---|
| block* | string | Block slug from list_blocks, e.g. pricing-sections |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"block"
],
"properties": {
"block": {
"type": "string",
"description": "Block slug from list_blocks, e.g. pricing-sections"
}
}
}Search Components by a plain-language query, e.g. "pricing table with a monthly/yearly toggle" or a slug. Returns up to 20 matches, best first, each with its Free or Paid access.
| Argument | Type | Description |
|---|---|---|
| query* | string | What you are looking for |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"query"
],
"properties": {
"query": {
"type": "string",
"minLength": 1,
"description": "What you are looking for"
}
}
}