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 Thumbnail

Specter

Inspect any website like a design file

Chrome Extensions
Design Tools
Developer Tools
Visit WebsiteSee on Product HuntMicrosoft ⧉Mozilla ⧉

Hunted byAineiasAineias

Specter turns any webpage into something you can read like a design file. Hover any element to see its spacing, typography, colour, WCAG contrast, borders, and flex/grid layout — in plain, copyable CSS. Load your design tokens and it flags every off-token colour, size, and radius. Plus a live eyedropper with a zoom loupe, full-page screenshots, and :hover/:focus/:active simulation. 100% local, no tracking, free. Built for designers, UX engineers, and front-end devs.

Top comment

Hey Product Hunt 👋 I'm Eni, a product designer. I got tired of opening DevTools just to answer "what's the padding here?" or "is this even our blue?" — so I built Specter: DevTools reimagined for designers. Hover any element and read its spacing, type, colour, WCAG contrast, and flex/grid layout in plain, copyable CSS. Load your design tokens and it flags anything off-system. It also has a live eyedropper (with a zoom loupe), full-page screenshots, and hover/focus/active simulation. Everything runs 100% locally — no accounts, no tracking — and it's free. Would love your feedback: what would make it a daily-driver for you?

Comment highlights

No comment highlights available yet. Please check back later!

About Specter on Product Hunt

“Inspect any website like a design file”

Specter was submitted on Product Hunt and earned 0 upvotes and 1 comments, placing #337 on the daily leaderboard. Specter turns any webpage into something you can read like a design file. Hover any element to see its spacing, typography, colour, WCAG contrast, borders, and flex/grid layout — in plain, copyable CSS. Load your design tokens and it flags every off-token colour, size, and radius. Plus a live eyedropper with a zoom loupe, full-page screenshots, and :hover/:focus/:active simulation. 100% local, no tracking, free. Built for designers, UX engineers, and front-end devs.

Specter was featured in Chrome Extensions (52.9k followers), Design Tools (263.8k followers) and Developer Tools (522.6k followers) on Product Hunt. Together, these topics include over 156k products, making this a competitive space to launch in.

Who hunted Specter?

Specter was hunted by Aineias. 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.

Want to see how Specter stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.