Dragonfly (Beta)

Test and debug your API endpoints without leaving VS Code. Build requests, organize them into collections, and send them right from the editor.

Beta. This extension is still early. Things may change or break. Bug reports and feedback are very welcome at saurowankhade@gmail.com.

Features

• Request builder: method, URL, Params, Headers, Body, and Auth tabs, docked in the Activity Bar
• Collections: save and organize requests, with folders and search
• Environments: {{variable}} substitution across requests, switch environments in one click
• Auth support: Bearer Token, API Key, and Basic Auth, with secrets stored in VS Code's secure storage, never written to disk in plain text
• Import from cURL: paste a cURL command and the form fills itself in
• Import from a Next.js project: automatically detects API routes (App Router and Pages Router) and turns them into a ready-to-use collection
• Sync: re-scan an imported Next.js project and pick up new or removed routes
• Code snippets: generate ready-to-copy code for a request in cURL, Node.js, Python, Go, PHP, Java, or Rust
• Request history: every request you send is saved to Activity, so you can revisit or resend it later

Getting started

1. Open the Dragonfly icon in the Activity Bar.
2. Click New Request, or import routes from an existing Next.js project.
3. Build your request and click Send.
4. Save it into a collection to keep it around.

Known limitations

This is a beta, so a few rough edges are expected right now:

• Request tabs do not survive a VS Code window reload.
• Sync only works reliably on collections imported after this feature shipped. Older imported collections need to be re-imported once for Sync to pick up deletions correctly.
• Saving a request into a collection always places it at the root. There is no folder picker yet.
• No drag and drop reordering inside a collection yet.

FAQ

Why another API client? I wanted to test an endpoint without alt-tabbing to Postman every time. Dragonfly lives right in the sidebar, so you stay in your editor.

Is it free? Yes.

Where does my data live? Collections, environments, and history all stay on your machine, inside VS Code's own storage. Nothing gets sent anywhere. Tokens and passwords go into VS Code's built-in secure storage, not a plain JSON file.

Does it need internet to work? Only the API you're calling does. The extension itself doesn't talk to any server.

What does the Next.js import actually do? It reads your project's API routes (App Router and Pages Router) and turns them into a collection for you, so you're not typing every endpoint in by hand.

Why is it labeled Beta? Because it still has rough edges, see Known limitations above. I'm fixing things as people run into them.

Found something broken? Email saurowankhade@gmail.com. Steps to reproduce help a lot.

Connect