MiroMiro
Inspect website styles and export code, tokens, and assets
Open Inspector
Inspect page styles and design systems with temporary tab access
Meet Open Inspector
Open Inspector is a browser extension for examining a webpage's styles, colors, typography, layout, assets, and markup. Users invoke it on a tab, select an element, and navigate the element tree with keyboard shortcuts. Editable values support temporary experiments, with changes listed for review and reverted when the inspector closes.
The extension uses access granted by the user's action on the active tab rather than requesting persistent access to every website. Export options include design tokens, CSS, Tailwind-related output, and a Markdown handoff for coding tools. Open Inspector is free and MIT-licensed, with support for Chromium-based browsers such as Chrome, Edge, Brave, and Arc.
Discussion
Tried it? Share a useful thought or ask a question.
Good conversations start with a hello.
Sign in to commentProduct details
- Website
- patlf.github.io
- Status
- Launched
- Category
- Design & creative
- Listed
Explore related topics
Similar products
Handle
Edit live web interfaces with visual tools connected to your code
LoupeKit
Inspect a webpage’s technology, typography, layout, and accessibility in one panel.
Screen Ruler
Measure, inspect, and edit live webpages from a browser extension.
Markup.io
Collect comments and annotations directly on websites, images, PDFs and videos.
Skisso
Turn live interface edits into precise changes for a coding agent