T3rnel Browser

97 DEVELOPER TOOLS IN ONE PANEL — AND AN AI THAT CAN USE THEM ON THE BROWSER YOU ARE ALREADY SIGNED INTO. Hover an element and copy its CSS — as plain CSS, Tailwind classes or ready component code — with the units the author actually wrote, not pixels the Computed pane flattened them into. Capture a whole page in one image with sticky headers pinned once and cookie banners dismissed. Read a .md file as a typeset document. Walk a React component tree and see its props and hooks. Sample any pixel on screen and get back a ready --custom-property. Then hand the same 97 tools to your AI assistant over the Model Context Protocol — every page action that matters. Not a fresh headless browser with no cookies — the one you are signed into right now, with your session, your extensions and your real fingerprint. Your agent can read a page behind a login, fill a form with values you specify, and audit a route that only exists after authentication, without a single cookie leaving your machine. A model given a browser is a model given your logged-in life, so the valve is there when you want it: the approval gate is one switch away in Settings, passwords never reach the model, page text is marked as untrusted data, and every tool call is written to a local audit log you own. No account. No cloud. No telemetry by default. Your pages, your styles, your screenshots and your sessions never leave your device — the extension contacts T3raTech only to show the current price and to deliver and renew a Pro licence, and sends anonymous usage counts only if you switch that on. The CSS inspector, full-page capture, the Markdown viewer, network and console capture, the accessibility audit and the base MCP tool set are free and stay free — not a trial, no expiry, no account. Pro is one payment, three machines: the annotation suite, every export format, test-code export, the React inspector, the encrypted vault, DOM compression and the agent firewall. Full split at the end. NEW: Pro switches itself on the moment your payment clears — even if you closed the browser while paying, it finishes the next time the browser opens. Your licence key is also emailed to you as a backup. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ INSTANT CSS INSPECTION ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Stop digging through the Styles pane. Hover an element, see its real CSS, click once to copy the rule set. • Captures pseudo-classes and pseudo-elements, media queries, @keyframes and custom properties, so what you paste still behaves • Copies child elements too, so you can lift a whole component • Preserves authored units — %, em, rem and vh stay as written instead of being flattened to pixels • Shorthand-optimised, with overridden and duplicate declarations stripped • Arrow keys walk the DOM to parents, siblings and children; Space pins the panel so you can edit a value and watch the page update COPY AS WHATEVER YOU ACTUALLY WRITE IN Take the same rule as plain CSS, as Tailwind utility classes, or as component code for a React project — styled with the element's real tag, so a button stays a button. Every output carries the same declarations, so none can disagree with the CSS. UNUSED CSS Find selectors on the page that match nothing, with a clear count of what could not be examined because the browser does not permit reading a cross-origin stylesheet. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ FULL-PAGE SCREENSHOTS THAT ACTUALLY WORK ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ One click captures the entire page, top to bottom, stitched into a single seamless image. The engine handles the real web, not the ideal one: sticky headers pinned once rather than repeating down the image, lazy-loaded and infinite-scroll content triggered first, animations frozen, cookie banners and overlay modals dismissed with an undo, scrollbars hidden, native Retina resolution. Your scroll position is restored afterwards, including when a capture fails. ANNOTATE WITHOUT LEAVING THE BROWSER • Freehand drawing • Text callouts and labels • Rectangles and ellipses • Arrows • Blur tool for redacting emails, names and tokens before you share • Customisable colours and stroke widths • Full undo and redo EXPORT • PNG for lossless documentation and design handoff • JPG with adjustable quality • WebP for modern compression • PDF, automatically paginating very tall captures CAPTURE HISTORY Every capture is saved locally with title, domain and time — searchable and re-exportable. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ MARKDOWN VIEWER ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Open any .md file and read it as a typeset document instead of a wall of asterisks. • GitHub Flavored Markdown: tables, task lists, footnotes, strikethrough • Syntax highlighting with one-click copy on every code block • Mermaid diagrams rendered inline • Math rendering for inline and block LaTeX • Auto-generated, sticky table of contents • Light, dark and sepia themes that follow your system preference • Reading-width and type-size controls • Export the rendered document to PDF or HTML • Side-by-side diff between two Markdown files • Render Markdown straight from your clipboard — ideal for reading AI assistant output • Strict sanitisation — scripts, event handlers and javascript: URLs are removed, not merely escaped ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ DEBUGGING AND PAGE ANALYSIS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ NETWORK AND CONSOLE • Capture every request with headers, timing, status and payload size • Filter by URL pattern, method, status class or resource type • Console capture across log, warn, error and info levels with stack traces PAGE AUDITOR • Accessibility review — missing alt text, heading hierarchy, unlabelled form controls, ARIA misuse • Link checking that separates reachable, broken and answered-but-unreadable links — a guess is never reported as a fact • Spell checking • Page metrics and performance timing where the browser exposes it VISUAL REGRESSION TESTING • Captur…