Item logo image for Traceform: UI Mapping

Traceform: UI Mapping

1.0(

1 rating

)
Item media 1 (screenshot) for Traceform: UI Mapping

Overview

Highlights UI elements corresponding to selected code using Traceform.

Traceform: UI Mapping is the browser counterpart to the Traceform VSCode extension. It eliminates the frustrating context switching between your code editor and the browser during frontend development. When you use the 'Find in UI' command in VSCode, this extension receives the component identifier via a local bridge server and instantly highlights the corresponding UI element(s) in your running web application. Configure the target URL of your development server via the popup. Requires the Traceform VSCode extension and Babel plugin to function.

Details

  • Version
    0.1.9
  • Updated
    April 21, 2025
  • Offered by
    tejashaveridev
  • Size
    11.49KiB
  • Languages
    English (United States)
  • Developer
    Email
    lucidlayerhq@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. To learn more, see the developer’s privacy policy.

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

Support

Related

Clear Street View

4.3

Switch the graphical user interface elements on or off in street view for a clean screen grab or to enjoy an uncluttered experience.

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.

XPath Highlighter

0.0

Instantly generate and validate XPath expressions by clicking any element on a webpage with a convenient side panelfunctionality.

React Render Tracker

5.0

A Chrome extension to track React component renders and performance.

React Hook Form Developer Tools

2.4

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

CSS Selector Tester

5.0

Highlight the elements matching a given CSS selector.

React Spy

4.7

Find code from UI, or, find UI from code!

Google Forms Toolbox

0.0

Enhance your Google Forms experience with added functionality: answer templates, the ability to reverse answer options

Leetcode format

4.3

Adds Format code button on leetcode to format the code using Prettier code formatter

XPath Inspector

5.0

Shows XPath and element information on hover

click-to-react-component

3.4

Option+Click React components in your browser to instantly open the source in VS Code

Element Inspector - Precision UI Analysis

5.0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

Clear Street View

4.3

Switch the graphical user interface elements on or off in street view for a clean screen grab or to enjoy an uncluttered experience.

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.

XPath Highlighter

0.0

Instantly generate and validate XPath expressions by clicking any element on a webpage with a convenient side panelfunctionality.

React Render Tracker

5.0

A Chrome extension to track React component renders and performance.

React Hook Form Developer Tools

2.4

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

CSS Selector Tester

5.0

Highlight the elements matching a given CSS selector.

React Spy

4.7

Find code from UI, or, find UI from code!

Google Forms Toolbox

0.0

Enhance your Google Forms experience with added functionality: answer templates, the ability to reverse answer options

Google apps