Image Previewer
FreeNot checkedEnables previewing base64-encoded images in a native GUI window using Slint, with support for window reuse, always-on-top, and show/hide functionality.
About
Enables previewing base64-encoded images in a native GUI window using Slint, with support for window reuse, always-on-top, and show/hide functionality.
README
An MCP (Model Context Protocol) server that previews base64-encoded images in a native GUI window using Slint.
Features
- Native GUI — Slint-based window, no Python or external runtime needed
- Window reuse — Same window updates in-place across multiple images
- Always-on-top — Optionally pin the preview window above other windows
- Show/hide — Toggle window visibility without losing state
- Format support — PNG, JPEG, WebP, GIF, TIFF, etc. (via sharp)
Requirements
- Node.js 18+
Installation
Claude Code
claude mcp add image-previewer -- npx mcp-image-previewer
Manual configuration
Add to your MCP client configuration:
{
"mcpServers": {
"image-previewer": {
"command": "npx",
"args": ["mcp-image-previewer"]
}
}
}
Tools
preview_image
Display a base64-encoded image in the viewer window.
| Parameter | Type | Required | Description |
|---|---|---|---|
data |
string | Yes | Base64-encoded image data |
mimeType |
string | Yes | MIME type (e.g. image/png, image/jpeg) |
show_window
Show or hide the preview window.
| Parameter | Type | Required | Description |
|---|---|---|---|
visible |
boolean | Yes | true to show, false to hide |
stay_on_top
Set whether the preview window stays on top of other windows (X11/Windows only).
| Parameter | Type | Required | Description |
|---|---|---|---|
enabled |
boolean | Yes | true to enable, false to disable |
Development
npm install
npm run build
npm start
License
MIT
Install Image Previewer in Claude Desktop, Claude Code & Cursor
unyly install mcp-image-previewerInstalls into Claude Desktop, Claude Code, Cursor & VS Code — handles npx, uvx and build-from-source repos for you.
First time? Get the CLI: curl -fsSL https://unyly.org/install | sh
Or configure manually
Run in your terminal:
claude mcp add mcp-image-previewer -- npx -y mcp-image-previewerFAQ
Is Image Previewer MCP free?
Yes, Image Previewer MCP is free — one-click install via Unyly at no cost.
Does Image Previewer need an API key?
No, Image Previewer runs without API keys or environment variables.
Is Image Previewer hosted or self-hosted?
Self-hosted: the server runs locally on your machine via the install command above.
How do I install Image Previewer in Claude Desktop, Claude Code or Cursor?
Open Image Previewer on unyly.org, pick your client tab (Claude Desktop, Claude Code, Cursor) and press Install — the config is generated automatically, no JSON editing.
Related MCPs
Omni Video
An MCP server that transforms LLM-enabled IDEs into professional video editors by pre-processing footage into text proxies, generating motion graphics via HTML/
by buildwithtazaARA
Generate images, video and audio from any AI agent — one connector.
by ARAYouTube
Transcripts, channel stats, search
by YouTubeEverArt
AI image generation using various models.
by modelcontextprotocolCompare Image Previewer with
Not sure what to pick?
Find your stack in 60 seconds
Author?
Embed badge for your README
Browse similar
All media MCPs
