SiteMorphix opens the real page at calibrated phone, tablet, laptop and desktop sizes, right from Chrome's side panel. Pro finds what breaks, previews a reversible repair and tells you whether it actually worked.
Built for developers, designers, QA teams and WordPress professionals. Website access is limited to normal HTTP and HTTPS pages.
Open the page you are working on, pick a target size and see how the real site behaves in Chrome.
Test popular phone, tablet, laptop and desktop viewport targets from one compact side panel.
Flip orientation and compare layouts without resizing the browser by hand.
See viewport dimensions, orientation, device pixel ratio and the matching breakpoint.
Declared HTTP and HTTPS access means no repeated per-tab prompts. Chrome internal and other protected pages stay inaccessible.
Pro turns responsive testing into a compatibility workspace. Audit the rendered page, apply reversible browser-side repairs, check whether the issue was fixed or only improved, and open a calibrated live preview in another language and direction.
SiteMorphixPROIllustrative interface. Real findings and scores are measured on the active page.
We opened a demo coffee shop site at a 390 × 844 phone viewport and ran SiteMorphix Pro on it. The findings, repair result and scores below are exactly what the extension measured.
The audit scans the rendered page and flags every element that pushes content past the screen, with the reason for each one.
SiteMorphix changed 16 elements on the live page, measured the layout again and reported the result. Nothing was saved to the site; Undo all restores the original instantly.
Applied repair groups: flex 13, nowrap 2, media 1, tables 1, width/min-width 1
Choose a language and SiteMorphix opens the page in a calibrated preview window, translated, with the right direction. Arabic and Hebrew flip the whole layout to RTL.
Sample translations prepared for this demo. In the extension, Chrome's built-in on-device Translator (Chrome 138+) translates the page you are testing.
Every export is built from the same audit. This is the start of the responsive CSS file SiteMorphix generated for the demo page, with 14 targeted rules.
/* Oversized media */ main > section.hero > img { max-width: 100% !important; height: auto !important; } /* Wide table */ main > section.guide > table { width: 100% !important; display: block !important; overflow-x: auto !important; } /* Text overflow */ header.top > nav.menu { white-space: normal !important; overflow-wrap: anywhere !important; } /* Overflowing flex container */ main > section.roasts > div.cards { flex-wrap: wrap !important; min-width: 0 !important; }
Each tool has one job: make responsive compatibility easier to inspect, understand and hand off to development.
Repairs common overflow sources: fixed and min widths, oversized media, embeds, tables, forms, long text, flex and grid overflow, negative margins and selected positioned elements. Each result is classified as Verified Fixed, Improved, Applied with manual review, or Issue remains.
Detects existing Bootstrap context, highlights legacy patterns and avoids layering a second framework over an existing installation.
Open the active site in a calibrated phone, tablet, laptop or desktop preview with Auto, LTR or RTL direction. The original page is never permanently changed.
Pick a supported language and open the active site in a translated device preview, using Chrome's built-in on-device Translator API where the language pair is available. Requires Chrome 138 or newer.
Export audit JSON, responsive CSS starters, translation dictionaries, Bootstrap migration notes, RTL/LTR starters and HTML setup guidance.
Try repair ideas in the browser first, then make permanent changes in your source code, theme or CMS.
The Chrome Web Store build covers responsive device testing. Pro adds advanced compatibility work.
| Feature | Free | Pro |
|---|---|---|
| Responsive device presets | Included | Included |
| Portrait / landscape preview | Included | Included |
| Viewport and breakpoint information | Included | Included |
| Responsive issue audit | Not included | Included |
| Safe responsive repair preview | Not included | Included |
| Bootstrap compatibility workflow | Not included | Included |
| Live LTR / RTL device preview | Not included | Included |
| Live translated device preview | Not included | Included |
| Verified repair status and before/after metrics | Not included | Included |
| Translation-ready export | Not included | Included |
| Developer exports | Not included | Included |
SiteMorphix helps you inspect, test and hand off fixes safely, without pretending browser previews are permanent server edits.
Use SiteMorphix on the current Chrome tab and test the layout at common device targets.
With Pro, scan the rendered page, apply selected reversible repairs and compare before/after measurements with a final Verified Fixed, Improved, Manual review or Issue remains status.
Use the generated report and starter patches to make permanent changes in your source code, theme or CMS.
SiteMorphix can inspect normal HTTP and HTTPS pages so previews and audits work without repeated per-tab prompts. Analysis runs locally in the browser, and Chrome internal and other protected pages remain inaccessible.
Read the SiteMorphix privacy policyStart free for responsive testing, then upgrade to Pro for verified repairs, Bootstrap compatibility, live LTR/RTL translated previews and developer exports.
Responsive device testing for individual users.
Use FreeOne-user Pro license for developers and site owners.
Choose PersonalMore activations for professionals working across several sites.
Choose PlusFor agencies and teams testing client websites.
Choose AgencyPrices shown are annual plan targets. Connect your Freemius checkout URLs before paid launch.
Free focuses on responsive website testing in Chrome with common device viewport targets, orientation testing and viewport context.
No. Preview and repair actions work on the rendered page in the browser. Permanent changes still belong in your website source code, WordPress theme, page builder or another authorized server-side workflow.
Pro adds deeper responsive audits, verified reversible repairs with before/after measurements, Bootstrap compatibility checks, live LTR/RTL device previews, live translated previews for supported language pairs using Chrome's built-in Translator API, translation-ready extraction and developer-focused exports.
SiteMorphix reports Verified Fixed when the measured issue is resolved, Improved when the measurement gets better but remains, Applied - manual review needed when the browser-side change was applied but cannot be fully verified numerically, and Issue remains when the measured problem did not improve.
Choose a device preset, Auto/LTR/RTL direction and a supported language. SiteMorphix opens the active website in a separate calibrated preview window and applies supported translation in that preview. The original page is not permanently edited. This feature requires Chrome 138 or newer and a supported Chrome Translator API language pair; Chrome may download a language pack on first use.
Yes. SiteMorphix works with the rendered website in Chrome, so it can be used while testing WordPress, static HTML, Bootstrap and many other front-end stacks.
No. The Pro workflow first checks the current page context and is designed to avoid blindly layering a second Bootstrap framework over an existing installation.
SiteMorphix Pro is planned to use Freemius for checkout and licensing. That integration will be connected separately before paid launch.
Use Free for faster breakpoint testing. Use Pro when the job needs deeper auditing, verified reversible repairs, live translated LTR/RTL device previews and implementation-ready exports.