• Cursor Setup for FlyonUI

Cursor Setup for FlyonUI

Set up Cursor to generate FlyonUI code with Tailwind CSS for fast, efficient web development workflows.

https://cdn.flyonui.com/fy-assets/landing-page/logos/cursor.png

MCP server

One-Click Install

If you’re using Cursor, the easiest way to set up the Context7 MCP Server is with a single click. Just use the button below to install it instantly.

One-Click Install

CLI

Run the following command to install the FlyonUI MCP Server:

npx install-mcp @upstash/context7-mcp --client cursor

Manual Setup

Paste the following configuration into your Cursor MCP config file: ~/.cursor/mcp.json

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp"]
    }
  }
}

Usage

Now in Agent Mode, you can ask AI anything about FlyonUI. Start your prompt with use context7.

For example:

Use context7, and create me a FAQ for my project using FlyonUI accordion shadow example.


use context7, Create me Registration where in Password use togglepPassword component from flyonui.