Introducing Framework7 MCP Server — AI-Powered Access to Framework7 API

Hey everyone!

I am excited to announce the Framework7 MCP Server - a new way for AI assistants and coding tools to access the full Framework7 API documentation.

What is MCP?

MCP (Model Context Protocol) is an open standard that lets AI tools query external data sources. With the Framework7 MCP server, your AI assistant gets direct access to everything it needs to help you build Framework7 apps.

What’s available

The server provides 9 tools that cover:

  • 68 components with full API - parameters, methods, events

  • CSS variables for 56 components with iOS and Material Design theme values

  • 130 demos with source code for Core, Vue, React, and Svelte

  • Search across the entire API (parameters, methods, events, CSS variables)

Supported clients

Works with any MCP-compatible client:

  • Cursor - add to .cursor/mcp.json

  • Claude Code - claude mcp add --transport http framework7 https://framework7.io/mcp

  • VS Code - add to .vscode/mcp.json

  • Claude Desktop - add to claude_desktop_config.json

  • Codex (OpenAI) - codex mcp add framework7 --url https://framework7.io/mcp

  • OpenCode -add to opencode.jsonc

Get started

The endpoint is:

https://framework7.io/mcp

Full setup instructions: Setup | Framework7 MCP Server

Tools reference: Tools Reference | Framework7 MCP Server

Give it a try and let me know what you think!

2 Likes