VS Code Setup for FlyonUI

Configure VS Code to seamlessly generate FlyonUI code from your prompts.

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

If you’re using VS Code, 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

Open the mcp.json file in your user profile by running the MCP: Open User Configuration command from the Command Palette.

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

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.