Quick Start

Get framingui running in your project in under 5 minutes.

1Install the MCP Server

The fastest way to get started is with our MCP init command:

npx @framingui/mcp-server init

This automatically detects your project (Next.js/Vite), installs dependencies, configures Tailwind, and sets up MCP integration.

After running init, restart Claude Code, Cursor, or your MCP-compatible tool to load the FramingUI server.

Now you can ask your AI to build UI with natural language:

"Create a login page using the square-minimalism theme"

"Build a dashboard with sidebar navigation, editorial-tech style"

"Add a pricing table with 3 tiers using pebble theme tokens"