All 32 UltraDevKit tools

Click any element to see its computed styles, then edit them live with sliders and colour pickers. Change padding, colours, fonts, borders and shadows on a real page and watch the result instantly — no DevTools panel required.

Preview a site across phone, tablet, laptop and desktop breakpoints side by side, without resizing your browser window.

Hover a live flex or grid container to see its boundary and direct children overlaid on the page. Pin a layout to read computed tracks, direction, wrapping, gaps and alignment values.

An eyedropper for the web. Hover any element to read its exact colour and copy it as HEX, RGB or HSL.

Extract every colour used on a page into one palette. Perfect for reverse-engineering a design system or matching an existing brand.

Identify the font on any website — family, size, weight, line height and letter spacing — just by hovering over the text.

Measure any element and the gaps between elements in pixels, so you can check a build against the design spec.

Overlay a configurable grid to verify alignment and spacing rhythm across a layout.

Outline every element on the page to expose the box model and spot layout bugs, overflow and stray containers instantly.

Force a dark theme on any website that does not ship one, with adjustable intensity and warmth. Images and video stay natural instead of being inverted.

Scan any page for WCAG problems — missing alt text, unlabelled form controls and buttons, skipped heading levels, low-contrast text, missing landmarks and duplicate IDs. Each issue is scored by severity, highlights the element on click, and exports as JSON.

Hover any text for its live WCAG contrast ratio with AA and AAA pass/fail badges. Handles semi-transparent colours, shadow DOM and text over gradients.

Strip a page down to readable text with adjustable typography — no ads, popups or sidebars.

Reveal the stack behind any website — frameworks, analytics, CMS, CDN, fonts and libraries — in a single click.

Audit a page's title, meta description, canonical URL, Open Graph and Twitter card tags, headings and structured data, with warnings for anything missing or over length.

Measure Core Web Vitals — LCP, CLS and INP — plus TTFB, first paint, request count, page weight by resource type and your slowest requests, on any page you visit.

Watch requests as a page loads with status codes, methods, resource types, durations, failures and expandable request and response headers. It works on local, staging and authenticated pages because it observes the tab you are already debugging.

Check every link on a page for broken URLs and redirect chains, filter by status, and export the results as CSV.

Point at the data you want and extract it from the whole page using CSS selectors. Export structured results as JSON or CSV.

Generate a full UX review covering design, accessibility, SEO and performance, with prioritised fixes and a PDF export for clients.

Capture the visible viewport, a full-page scrolling screenshot, or drag to select any region. Copy to the clipboard or download as PNG.

Find every image on a page with its dimensions and format, then download the ones you need individually or in bulk.

Export any component as clean, self-contained HTML and CSS you can paste straight into a project or a CodePen.

Rewrite any text on a live website to preview copy changes before they ship. Ideal for checking how longer headlines wrap or how a shorter CTA looks in context.

Drag any element to a new position to test layout ideas directly in the browser, without touching a stylesheet.

Hide distracting elements — cookie bars, chat widgets, sticky headers — to get a clean view of a page, then reset in one click.

Capture console messages, uncaught runtime exceptions and browser log entries from the current tab. Filter by severity, search message text and inspect the source URL and line number.

Send GET, POST, PUT and DELETE requests with custom headers and bodies, and read formatted JSON responses without leaving the tab you are working in.

Inspect, search and delete cookies for the current site to debug sessions, consent banners and auth flows.

Browse, edit, add and delete localStorage and sessionStorage entries, with JSON pretty-printing and a one-click export.

Keep per-site notes and to-dos pinned to the page you are working on, so QA findings stay with the URL that produced them.

Open any of the tools from a searchable command palette with Ctrl+Shift+K (Cmd+Shift+K on macOS) — never hunt through a menu.