Preview - Browse your projects locally inside of Cursor

Showcase Built for Cursor
1

I decided to solve my own problem.

To speed up my workflow, I’ve always wanted a way to view my localhosts within the IDE.

So I built a functioning extension to do just that. Video below.

If this would be helpful to you, happy to share the .vsix! I should probably host it for updates but that’s for another day.

Port Detection – Auto-detects React, Vue, Angular, Next.js, Vite, and more

Key Features

  • Direct Select Mode – Click any element to inspect and copy to clipboard

  • Real-Time Preview – Browse your site/project as you would in Chrome/Safari/etc.

  • Private – Localhost-only with a strict CSP (Content Security Policy)

  • Themed to Your Environment - The UI inherits your local to keep things cohesive.


Tweet/X Post Here

1 Like
2

How is this better than extensions that run the browser inside the IDE?

3

It would be better to give a link to the extension store or on Github :eyes:

1 Like
4

I didn’t find one that offers inspect mode. Maybe you know of one?

Simple Browser: Show is fine but again, no direct select.

Yap will host and post soon. Polishing now with anyone who is interested in helping QA.
Plus → the challenge to build it kept me motivated to learn how extensions work under the hood :slight_smile: