---
title: "Templates"
description: "Ready-to-use MCP Apps you can deploy in one click or remix as your own."
icon: "layout-template"
---

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
npx @mcp-use/cli login
npx @mcp-use/cli deploy
```
