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.

0 out of 5
No ratings
Google doesn't verify reviews. Learn more about results and reviews.

Details

Version
0.1.9
Updated
April 21, 2025
Flag concern
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

LocatorJS

4.3(75)

LocatorJS Chrome Extension - option-click to code (ReactJS)

XPath Helper for Google Chrome™

2.0(4)

Quickly get the XPath for any element on a webpage with just one click. Simply select an element and it will display its XPath.

Web Developer

4.5(2.8K)

Adds a toolbar button with various web developer tools.

Clear Street View

5.0(1)

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

Prettier Now

4.0(1)

Yet another Prettier browser extension for code formatting.

React Hook Form Developer Tools

2.4(8)

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

CSS Selector Tester

5.0(4)

Highlight the elements matching a given CSS selector.

xPath Finder

3.4(34)

Click on any element to get the xPath

HTML to React

4.2(5)

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

Rayrun

3.9(8)

GUI for generating CSS selectors compatible with Playwright, Puppeteer, Cypress, and Selenium for web testing and scraping.

React Spy

4.8(5)

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

Google Forms Toolbox

0.0(0)

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