Framework7 MCP Server

Framework7 provides an MCP (Model Context Protocol) server that allows AI assistants and tools to query the Framework7 API documentation programmatically.

With the MCP server, AI tools like Claude, Cursor, Windsurf, and other MCP-compatible clients can:

Search across Framework7 parameters, methods, events, and CSS variables
Get full API documentation for any component
Look up specific parameters, methods, or events
Retrieve CSS custom properties grouped by theme
Browse and retrieve demo source code for Core, Vue, React, and Svelte

How It Works

The MCP server exposes a JSON-RPC 2.0 endpoint at https://framework7.io/mcp. MCP-compatible clients connect to this endpoint and can call any of the 9 available tools to retrieve Framework7 API information.

The server provides access to:

68 components with their full API (parameters, methods, events)
CSS variables for 57 components with iOS and Material Design theme values
Demo source code for all available demos across 4 framework variants

Available Tools

The MCP server provides the following tools:

Tool	Description
`list-components`	List all available Framework7 components and modules
`get-component`	Get full API for a component (parameters, events, methods, CSS variables)
`search-api`	Fuzzy search across parameters, methods, events, and CSS variables
`get-parameter`	Get details for a specific parameter/option
`get-method`	Get details for a specific method (instance or app-level)
`get-event`	Get details for a specific event (instance, app, or DOM)
`get-css-variables`	Get CSS custom properties for a component by theme
`list-demos`	List all available demos with slugs and frameworks
`get-demo`	Get demo source code for a specific framework variant

Improve this Doc