This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
Traceo
Inspect CSS values and report bugs in one click.
Traceo is a Chrome extension that shows real spacing and typography values on click. Record a bug with a screenshot or video, and it grabs the console logs, device, and browser info automatically. Whoever picks it up knows exactly what happened. It also shows how your UI holds up across screen sizes. Free to start today, no card needed.
Hey Product Hunt 👋 Fahad here, one of the makers of Traceo.
We kept seeing the same frustrating loop: a designer says, “Something looks off,” drops a screenshot into Slack, and then the questions begin:
“Which padding?” “Which browser?” “Can you reproduce it?”
DevTools works well when you know your way around it, but many of the people reporting visual issues don’t live in DevTools every day.
So we built Traceo: one Chrome extension for the entire UI inspection and feedback workflow.
With Traceo, you can:
• Inspect spacing, typography, colors, and other UI properties directly on a live page • Capture screenshots and recordings with annotations • Include console and network context with recordings, so developers get more than a silent video • Use Responsify to test layouts across mobile, tablet, and desktop sizes • Use Pesticide to outline every element and quickly spot layout issues • Use VibeGrab to select a component and copy useful context for AI coding tools • Download images, icons, and SVGs without digging through the Network tab
Today’s launch is an important step for us, but Traceo is still evolving. We have plenty of ideas, and we want what comes next to be shaped by the developers, designers, QA engineers, and product teams dealing with these problems every day.
Traceo is free to start, with a 7-day Pro trial.
As a thank-you to the Product Hunt community, the first 100 people who upgrade can use code TRACEOPH for 50% off their first month of Pro.
I’ll be in the comments throughout the day, and I’d genuinely love to know:
When a UI bug appears on your team, what does the handoff actually look like, Slack screenshot, Loom recording, Linear ticket with almost no context, or something else?
About Traceo on Product Hunt
“Inspect CSS values and report bugs in one click.”
Traceo was submitted on Product Hunt and earned 4 upvotes and 8 comments, placing #130 on the daily leaderboard. Traceo is a Chrome extension that shows real spacing and typography values on click. Record a bug with a screenshot or video, and it grabs the console logs, device, and browser info automatically. Whoever picks it up knows exactly what happened. It also shows how your UI holds up across screen sizes. Free to start today, no card needed.
On the analytics side, Traceo competes within Chrome Extensions, Design Tools and Developer Tools — topics that collectively have 832k followers on Product Hunt. The dashboard above tracks how Traceo performed against the three products that launched closest to it on the same day.
Who hunted Traceo?
Traceo was hunted by Muhammad Usman. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of Traceo including community comment highlights and product details, visit the product overview.
Muhammad Usman
Hey Product Hunt 👋 Fahad here, one of the makers of Traceo.
We kept seeing the same frustrating loop: a designer says, “Something looks off,” drops a screenshot into Slack, and then the questions begin:
“Which padding?”
“Which browser?”
“Can you reproduce it?”
DevTools works well when you know your way around it, but many of the people reporting visual issues don’t live in DevTools every day.
So we built Traceo: one Chrome extension for the entire UI inspection and feedback workflow.
With Traceo, you can:
• Inspect spacing, typography, colors, and other UI properties directly on a live page
• Capture screenshots and recordings with annotations
• Include console and network context with recordings, so developers get more than a silent video
• Use Responsify to test layouts across mobile, tablet, and desktop sizes
• Use Pesticide to outline every element and quickly spot layout issues
• Use VibeGrab to select a component and copy useful context for AI coding tools
• Download images, icons, and SVGs without digging through the Network tab
Today’s launch is an important step for us, but Traceo is still evolving. We have plenty of ideas, and we want what comes next to be shaped by the developers, designers, QA engineers, and product teams dealing with these problems every day.
Traceo is free to start, with a 7-day Pro trial.
As a thank-you to the Product Hunt community, the first 100 people who upgrade can use code TRACEOPH for 50% off their first month of Pro.
I’ll be in the comments throughout the day, and I’d genuinely love to know:
When a UI bug appears on your team, what does the handoff actually look like, Slack screenshot, Loom recording, Linear ticket with almost no context, or something else?