React Cursor Bridge (Beta)

Overview

Capture screenshots, detect React elements, and send visual context with source code references directly to your editor.

React Cursor Bridge is a companion devtool that helps you send visual context and source code references from your browser to Cursor IDE. The extension works in the background to detect React components on the current page and resolve their source file paths. When you capture a region of the page, the side panel will expand to show a detailed overview of the detected components, including their source files and line numbers grouped by file. You can then write a prompt and send it to Cursor along with the screenshot and source paths via a deeplink.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
0.1.0
Updated
January 5, 2026
Flag concern
Offered by
Harsh Karande
Size
115KiB
Languages
English
Developer
Email
harshskarande@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

React Hook Form Developer Tools

2.4

React Hook Form developer tools to help debug forms with validation.

React-DomPicker

5.0

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

HTML to React

4.5

The fastest and smartest way to analyze HTML elements and generate full React component representations.

React Scan Toggle

5.0

Toggle React Scan functionality to analyze React component renders

React Developer Tools

4.0

Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.

React Inspector

3.5

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

React Context DevTool

4.3

Devtool for React Context and useReducer

Grok Imagine Prompt Inspector

0.0

Inspect original prompts and prompt history directly inside Grok Imagine with an inline inspector.

Expo React Native DevTools

0.0

A Chrome extension for Expo React Native developers to Open React Native Devtools

UI Inspector - Visual CSS Editor

3.7

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Web Capture - HTML to React with MagicPath

4.4

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

JSX Tool

5.0

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.