> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mcp-use.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Templates

> Ready-to-use MCP Apps you can deploy in one click or remix as your own.

Every template ships with a live demo, a public repo, and a one-click deploy button. Clone, customize, and ship.

<Tip>
  Looking to scaffold a new project from scratch instead? Run `npx create-mcp-use-app@latest`  -  see the [CLI templates reference](/typescript/server/templates).
</Tip>

## Featured Templates

<CardGroup cols={2}>
  <Card title="Chart Builder" icon="chart-column" href="https://github.com/mcp-use/mcp-chart-builder">
    Generate charts from natural language. Tools: `create-chart`.
    [Demo](https://yellow-shadow-21833.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-chart-builder\&branch=main\&project-name=mcp-chart-builder\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Diagram Builder" icon="sitemap" href="https://github.com/mcp-use/mcp-diagram-builder">
    Build and edit diagrams conversationally. Tools: `create-diagram`, `edit-diagram`.
    [Demo](https://lucky-darkness-402ph.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-diagram-builder\&branch=main\&project-name=mcp-diagram-builder\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Slide Deck" icon="presentation" href="https://github.com/mcp-use/mcp-slide-deck">
    Create and edit slide decks inline. Tools: `create-slides`, `edit-slide`.
    [Demo](https://solitary-block-r6m6x.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-slide-deck\&branch=main\&project-name=mcp-slide-deck\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Maps Explorer" icon="map" href="https://github.com/mcp-use/mcp-maps-explorer">
    Interactive maps with place details and markers. Tools: `show-map`, `get-place-details`, `add-markers`.
    [Demo](https://super-night-ttde2.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-maps-explorer\&branch=main\&project-name=mcp-maps-explorer\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Hugging Face Spaces" icon="face-smile" href="https://github.com/mcp-use/mcp-huggingface-spaces">
    Browse and preview Hugging Face Spaces. Tools: `search-spaces`, `show-space`, `trending-spaces`.
    [Demo](https://gentle-frost-pvxpk.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-huggingface-spaces\&branch=main\&project-name=mcp-huggingface-spaces\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Recipe Finder" icon="utensils" href="https://github.com/mcp-use/mcp-recipe-finder">
    Search recipes and plan meals. Tools: `search-recipes`, `get-recipe`, `meal-plan`, `recipe-suggestion`.
    [Demo](https://bold-tree-1fe79.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-recipe-finder\&branch=main\&project-name=mcp-recipe-finder\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Widget Gallery" icon="grid" href="https://github.com/mcp-use/mcp-widget-gallery">
    Reference gallery of every widget pattern. Tools: `show-react-widget`, `html-greeting`, `mcp-ui-poll`, `programmatic-counter`, `detect-client`.
    [Demo](https://wandering-lake-mmxhs.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-widget-gallery\&branch=main\&project-name=mcp-widget-gallery\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Multi Server Hub" icon="layers" href="https://github.com/mcp-use/mcp-multi-server-hub">
    Aggregate and audit multiple MCP servers. Tools: `hub-status`, `hub-config-example`, `audit-log`.
    [Demo](https://soft-voice-4nxfi.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-multi-server-hub\&branch=main\&project-name=mcp-multi-server-hub\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="File Manager" icon="folder-open" href="https://github.com/mcp-use/mcp-file-manager">
    Browse and read files through an MCP vault. Tools: `open-vault`, `get-file`, `list-files`.
    [Demo](https://muddy-pond-eyays.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-file-manager\&branch=main\&project-name=mcp-file-manager\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Progress Demo" icon="loader" href="https://github.com/mcp-use/mcp-progress-demo">
    Long-running tools with progress and error handling. Tools: `process-data`, `fetch-report`, `delete-dataset`, `search-external`, `failing-tool`.
    [Demo](https://crimson-river-pzsz1.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-progress-demo\&branch=main\&project-name=mcp-progress-demo\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="i18n Adaptive" icon="languages" href="https://github.com/mcp-use/mcp-i18n-adaptive">
    Adapt responses to caller locale and context. Tools: `show-context`, `detect-caller`.
    [Demo](https://falling-grass-58yov.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-i18n-adaptive\&branch=main\&project-name=mcp-i18n-adaptive\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Media Mixer" icon="image" href="https://github.com/mcp-use/mcp-media-mixer">
    Generate images, audio, PDFs, and more. Tools: `generate-image`, `generate-audio`, `generate-pdf`, and more.
    [Demo](https://wandering-breeze-nuipu.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-media-mixer\&branch=main\&project-name=mcp-media-mixer\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>

  <Card title="Resource Watcher" icon="eye" href="https://github.com/mcp-use/mcp-resource-watcher">
    Subscribe to resources and toggle features live. Tools: `show-config`, `update-config`, `toggle-feature`, `list-roots`.
    [Demo](https://fragrant-term-zmdks.run.mcp-use.com/mcp) · [Deploy](https://mcp-use.com/deploy/start?repository-url=https%3A%2F%2Fgithub.com%2Fmcp-use%2Fmcp-resource-watcher\&branch=main\&project-name=mcp-resource-watcher\&port=3000\&runtime=node\&base-image=node%3A20)
  </Card>
</CardGroup>

<Card title="See all examples on GitHub" icon="github" href="https://github.com/mcp-use/mcp-use/tree/main/examples" horizontal>
  More templates, source code, and ready-to-run samples for Python and TypeScript.
</Card>

## Deploy your own

Every template above is powered by [manufact.com](https://manufact.com)  -  connect your GitHub repo and your MCP Server ships in minutes with observability, metrics, logs, and branch deployments.

```bash theme={null}
npx @mcp-use/cli login
npx @mcp-use/cli deploy
```