A free, open-source browser extension for inspecting layout, styles, colour, type and assets on any page, and exporting its design tokens. Unlike the popular alternatives, it requests no site access and makes zero network requests. MIT, no account.
Hey Product Hunt 👋 I'm Patryk, and I built Open Inspector for myself. Sharing here as maybe someone will find it useful.
I kept installing CSS inspector extensions and every one asked to "read and change all your data on all websites". That's my staging environments, internal dashboards and anything I'm logged into, handed to a closed-source extension that I have no way to audit.
So I built one that asks for nothing:
🔒 No host permissions. Just activeTab, granted by your click for one tab and revoked when you navigate away. Chrome's install dialog shows no site access at all.
📡 Zero network requests. A build step scans the source and shipped bundles for fetch/XHR/WebSocket/beacon and fails if it finds one.
📐 Things DevTools doesn't tell you: the spacing scale a page really follows, its type scale, grid/flex anatomy, the font that actually rendered, and a page-wide WCAG contrast audit.
📦 Export the design system as CSS variables, Tailwind, SCSS, JSON, W3C tokens, or a Markdown handoff for Cursor/Claude.
↩️ Safe edits. Tweak any value live; closing reverts everything exactly.
It's MIT and free forever.
Try it on a site you like, press Alt+Shift+I, and tell me what's missing or wrong.
the activeTab-only approach is the actual selling point here, not a footnote. one question on the design-token export - when a site is using CSS-in-JS with generated class names instead of a real design system, does it still manage to group colors/spacing into something coherent, or does the export turn into a huge flat list of one-off values with no naming to speak of?
About Open Inspector on Product Hunt
“Hover any website, get its design system. Open-source. Free.”
Open Inspector launched on Product Hunt on October 2nd, 2026 and earned 120 upvotes and 4 comments, placing #10 on the daily leaderboard. A free, open-source browser extension for inspecting layout, styles, colour, type and assets on any page, and exporting its design tokens. Unlike the popular alternatives, it requests no site access and makes zero network requests. MIT, no account.
Open Inspector was featured in Chrome Extensions (52.8k followers), Open Source (68.9k followers), Developer Tools (521.3k followers) and GitHub (41.4k followers) on Product Hunt. Together, these topics include over 153.1k products, making this a competitive space to launch in.
Who hunted Open Inspector?
Open Inspector was hunted by Patryk Lasek. 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 Open Inspector stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Patryk Lasek