Grafana UI MCP Server
OfficialProvides AI assistants with comprehensive access to Grafana's React component library, including Typ...
Click the "Install Now" button to open the FastMCP connection / environment variables interface (the place where you add keys/values for the MCP server).
Create a GitHub Personal Access Token (classic):
- Open GitHub → Settings → Developer settings → Personal access tokens → Tokens (classic) and click "Generate new token (classic)". (docs.github.com)
Configure the token:
- Give it a descriptive Note (e.g., "Grafana UI MCP server").
- Set an Expiration (choose what fits your security policy; 90 days is common).
- Under Scopes, select at least the public_repo scope (this gives the MCC server the needed public-repo API access). (grafana.com)
Generate and copy the token:
- Click "Generate token" and immediately copy the generated token value (starts with ghp_); GitHub will not show it again. (docs.github.com)
In the FastMCP connection interface (where the "Install Now" button opened), add the environment variable(s):
- Name: GITHUB_PERSONAL_ACCESS_TOKEN
Value: (paste the token you copied)
— This is the preferred ENV variable name used by the Grafana UI MCP server. - (Optional alternative) If you prefer the common name, you can instead add GITHUB_TOKEN with the same token value.
- (Optional) If you will use a local Grafana repository instead of GitHub, add GRAFANA_REPO_PATH and set its value to the absolute path on the host where the local repo is mounted. (Local repo takes precedence over token-based GitHub access.) (grafana.com)
- Name: GITHUB_PERSONAL_ACCESS_TOKEN
Save/confirm the FastMCP connection (finish the Install Now flow) so the MCP server receives those ENV values.
Verify the token works (optional):
- From a terminal, test GitHub rate limits with your token:
curl -H "Authorization: token YOUR_TOKEN_HERE" https://api.github.com/rate_limit - If valid, you should see the authenticated rate limit (up to 5,000 requests/hour). (docs.github.com)
- From a terminal, test GitHub rate limits with your token:
Security reminders:
- Store the token securely (do not commit to repos).
- If the token is ever exposed, revoke it from GitHub Settings → Developer settings → Personal access tokens. (docs.github.com)
Quick Start
Choose Connection Type for
Authentication Required
Please sign in to use FastMCP hosted connections
Run MCP servers without
local setup or downtime
Access to 1,000+ ready-to-use MCP servers
Skip installation, maintenance, and trial-and-error.
No local setup or infra
Run MCP servers without Docker, ports, or tunnels.
Always online
Your MCP keeps working even when your laptop is off.
One secure URL
Use the same MCP from any agent, anywhere.
Secure by default
Encrypted connections. Secrets never stored locally.
Configuration for
Environment Variables
Please provide values for the following environment variables:
HTTP Headers
Please provide values for the following HTTP headers:
started!
The MCP server should open in . If it doesn't open automatically, please check that you have the application installed.
Copy and run this command in your terminal:
Make sure Gemini CLI is installed:
Visit Gemini CLI documentation for installation instructions.
Make sure Claude Code is installed:
Visit Claude Code documentation for installation instructions.
Installation Steps:
Configuration
Installation Failed
More for Developer Tools
View All →
GitHub
Remote
Extend your developer tools with the GitHub MCP Server—a powerful Model Context Protocol server enhancing automation and AI interactions with GitHub APIs. It supports diverse functionalities like managing workflows, issues, pull requests, repositories, and security alerts. Customize available toolsets to fit your needs, enable dynamic tool discovery to streamline tool usage, and run the server locally or remotely. With read-only mode and support for GitHub Enterprise, this server integrates deeply into your GitHub ecosystem, empowering data extraction and intelligent operations for developers and AI applications. Licensed under MIT, it fosters flexible and advanced GitHub automation.
Desktop Commander
Desktop Commander MCP transforms Claude Desktop into a powerful AI assistant for managing files, running terminal commands, and editing code with precision across your entire system. It supports in-memory code execution, interactive process control, advanced search and replace, plus comprehensive filesystem operations including reading from URLs and negative offset file reads. With detailed audit and fuzzy search logging, it enables efficient automation, data analysis, and multi-project workflows—all without extra API costs. Designed for developers seeking smarter automation, it enhances productivity by integrating all essential development tools into a single, intelligent chat interface.
Chrome DevTools
Provides direct Chrome browser control through DevTools for web automation, debugging, and performance analysis using accessibility tree snapshots for reliable element targeting, automatic page event handling, and integrated performance tracing with actionable insights.
FreeCAD
Enables AI-driven CAD modeling by providing a remote procedure call (RPC) server that allows programmatic control of FreeCAD, supporting operations like creating documents, inserting parts, editing objects, and executing Python code for generative design workflows.
More for Design Tools
View All →FreeCAD
Enables AI-driven CAD modeling by providing a remote procedure call (RPC) server that allows programmatic control of FreeCAD, supporting operations like creating documents, inserting parts, editing objects, and executing Python code for generative design workflows.
Figma
Remote
Bring Figma designs to life with AI-driven code generation and seamless design-to-code workflows. The Figma MCP server helps developers and product teams turn Figma frames into code, extract key design context like variables and components, and maintain consistency with existing codebases. Features like Code Connect, design system rule creation, and support for popular editors make it easy to generate high-quality code matched to your team's standards. Empower your agents to translate, extend, and reuse designs efficiently while ensuring fidelity to your design system.
Figma Context
Unlock seamless design-to-code with Framelink Figma MCP Server, letting AI coding tools access your Figma files directly. It simplifies Figma API data to supply only relevant design layouts and styles, boosting AI accuracy in implementing designs across frameworks. Specifically built for use with tools like Cursor, it transforms design metadata into precise code in one step. This server streamlines the workflow by providing clean, focused context, enabling faster and more reliable design-driven development. Enjoy a powerful bridge between design and coding that enhances productivity and code quality with minimal fuss.
Magic
Create stunning UI components instantly with Magic AI Agent using natural language commands. This powerful tool supports popular IDEs like Cursor, Windsurf, and VSCode, generating modern, customizable React components inspired by 21st.dev’s library. Enjoy real-time previews, full TypeScript support, and access to professional brand assets via SVGL. Magic AI Agent seamlessly integrates generated components into your project, respecting your code style, and handles designs from simple buttons to complex interactive forms. Stay up to date with new community-published components and enhance your UI development workflow effortlessly.
shadcn/ui
Remote
Provides direct access to shadcn/ui v4 components, blocks, and demos through GitHub API integration with automatic framework detection for React, Svelte, and Vue, enabling rapid UI development with component source code, installation scripts, and complete block implementations.
Similar MCP Servers
Grafana
Grafana MCP server is a Model Context Protocol (MCP) adapter that exposes a Grafana instance (and its ecosystem: datasources, alerts, incidents, OnCall, annotations, etc.) as a set of small, intention-focused tools for LLM-based assistants and other MCP clients. It lets AI agents safely inspect, query, and (optionally) modify Grafana resources using compact, predictable operations instead of asking the LLM to guess APIs or URLs.
MCP Server Chart
Remote
Generate 25+ diverse chart types effortlessly with MCP Server Chart powered by AntV. This TypeScript-based server supports area, bar, line, pie, radar, Sankey, word cloud, and many other charts, including geographic visualizations specific to China. It enables clear and interactive display of data trends, distributions, relationships, and hierarchies. Flexible tool filtering and record management features enhance customization and monitoring. Perfect for visualizing complex datasets, MCP Server Chart integrates smoothly with various MCP tools and environments, providing developers with a powerful, easy-to-use chart generation solution to communicate data visually and effectively.