Alternatives to Discontinued Web Vitals

historical guide · 3 editor-selected alternatives · Web Vitals overview →

source: tools.alternatives · stored order · active records only; review scores are annotations and never change membership or order

A directional evidence panel appears only when the substitute rationale, trade-offs, sources, and verification date have been recorded. Older selections without that panel remain visible but are unclassified under the new evidence contract.

discontinued Google ended support for the standalone Web Vitals Chrome extension in Chrome 132 (stable, January 7, 2025); its real-time Core Web Vitals overlay was merged natively into Chrome DevTools' Performance panel. The extension is no longer updated, and its CrUX API key integration faces revocation. Developers should use the built-in DevTools Performance panel or the web-vitals JavaScript library directly instead.

React DevTools

open sourceexplicit relation

Official browser extension by Meta for inspecting and debugging React component trees, props, state, hooks, and context in real-time. Features component highlighting on hover, profiler for measuring render performance and identifying bottlenecks, and component search/filtering. Supports React 16+ including Suspense, error boundaries, and concurrent features. Available for Chrome and Firefox. Essential for debugging re-renders, state management issues, and understanding component hierarchies.

100% free and open-source React inspection and profiling suite developed by Meta and the React Core Team under the MIT License ($0). Available as browser extensions (Chrome, Firefox, Edge) and a standalone package for React Native and embedded environments. Includes a Components panel for inspecting Props, State, Hooks, and React 19 Server Component (RSC) boundaries, a dedicated Profiler with flamegraph analysis and re-render reason detection, and console $r bindings with zero commercial restrictions.

Vue DevTools

open sourceexplicit relation

Official browser DevTools extension for Vue.js providing deep inspection of component trees, reactive state, props, events, and slots. Includes Pinia/Vuex store debugging with time-travel, Vue Router inspection, performance timeline, and component highlighting. Works with Vue 2 and Vue 3. Available for Chrome and Firefox with standalone Electron app. Essential for debugging reactivity and understanding component hierarchies in Vue applications.

100% free and open-source developer debugging suite developed by the Vue.js Core Team under the MIT License ($0). Provides browser extensions (Chrome, Firefox, Edge), an in-page Vite plugin overlay (@vitejs/plugin-vue-devtools), and a standalone app for remote and mobile debugging. Includes full inspection for Pinia stores with time-travel debugging, Vue Router tracking, component props/state inspection, render timelines, and IDE direct jump integrations with zero commercial fees or usage limits.

Responsively

open sourceexplicit relation

Open-source browser for responsive web development that shows multiple device viewports simultaneously with synchronized scrolling, clicking, and navigation. Preview your site on phone, tablet, and desktop sizes side by side in real-time. Features screenshot capture for all viewports, element inspector, network monitoring, and hot-reload support. Built on Chromium. Free alternative to Polypane for developers who need quick responsive testing without paid subscriptions. 23K+ GitHub stars.

Free and 100% open source under the GNU AGPL-3.0 license. Responsively App is an Electron-based multi-device responsive development browser with zero subscription fees, unlimited mirrored viewports, screenshot suites, and full inspection capabilities.

Open-source Web Vitals alternatives

React DevTools, Vue DevTools, Responsively — see all open-source developer tools.

More Browser Extensions & DevTools tools

same category, not editor-selected alternatives — see how Web Vitals compares →

MCP InspectorMCP Inspector is the official interactive developer tool from the Model Context Protocol team for testing, debugging, and validating MCP servers. It provides a visual interface to inspect available tools, test transport configurations, export configs for different clients, and verify protocol compliance during MCP server development.PlaywrightCross-browser E2E testing framework by Microsoft supporting Chromium, Firefox, and WebKit with one API. Features auto-waiting, tracing with timeline/screenshots/DOM snapshots, codegen for recording tests, and parallel execution. Component testing for React, Vue, Svelte. Built-in API testing, network mocking, and mobile emulation. Known for reliability and speed vs Selenium/Cypress. 70K+ GitHub stars, rapidly becoming the E2E standard.DeepEvalDeepEval is an Apache-2.0 Python framework for evaluating LLM apps, RAG systems, agents, MCP workflows, and safety behavior with repeatable test cases. It works locally and in CI/CD, then connects to Confident AI for hosted reports, observability, red teaming, and governance when teams need shared evidence instead of ad-hoc prompt reviews and manual QA.reviewdogreviewdog is an open-source automated code review tool that integrates any linter or static analysis tool with GitHub, GitLab, Bitbucket, and Gitea pull requests. Parses output in errorformat, Checkstyle XML, SARIF, and JSON formats to post inline review comments on changed lines only. Works with GitHub Actions, Travis CI, CircleCI, GitLab CI, and Jenkins. Supports 40+ languages through universal linter adapter architecture.LangfuseLangfuse is an open-source LLM engineering platform with 29K+ GitHub stars for tracing, evaluating, and monitoring AI applications. Acquired by ClickHouse, it provides detailed traces of LLM calls, prompt management with versioning, dataset-based evaluation, user feedback collection, and cost tracking. Framework-agnostic with native integrations for LangChain, LlamaIndex, OpenAI SDK, and Vercel AI SDK. Offers both self-hosted deployment and a managed cloud service.StablyStably enables developers to create QA tests in plain English using a no-code editor, with AI ensuring tests remain valid as the application evolves through self-healing locators and assertions. It lowers the barrier to high-quality QA for startups by eliminating the need for scripting knowledge, automatically adapting test steps when UI elements change position or structure.CUA (Computer-Use Agent)Open-source computer-use infrastructure for agents that need to drive desktop environments in the background. CUA includes Cua Driver, Sandbox, Run, Bench, and Verified Data across Linux, Windows, macOS, and Android, with MCP and CLI surfaces for screenshots, accessibility trees, keyboard/mouse actions, shell commands, task evaluation, and fleet execution.ChromaticChromatic is a Storybook-first visual testing and UI review platform for design systems and frontend teams. It publishes Storybook, captures component snapshots, reviews pull-request diffs, and supports interaction tests, accessibility checks, TurboSnap, SteadySnap, Playwright/Cypress workflows, and Storybook MCP context.MomenticMomentic is an AI-native testing platform that lets teams write end-to-end tests in plain English. It features auto-healing test selectors that adapt to UI changes, instant mobile device emulators, built-in visual regression testing, and AI-powered flaky test handling. Backed by $15M Series A from Standard Capital, it eliminates brittle test maintenance through intelligent element identification and self-repairing test flows.

FAQ

Which Web Vitals alternative is listed first?

React DevTools is first in the editor-selected list of 3 Web Vitals alternatives. The stored order is editorial; review scores do not determine membership or position.

Are there open-source Web Vitals alternatives?

Yes — React DevTools, Vue DevTools, Responsively are open source.

What should I use instead of Web Vitals?

Web Vitals has been discontinued — Google ended support for the standalone Web Vitals Chrome extension in Chrome 132 (stable, January 7, 2025); its real-time Core Web Vitals overlay was merged natively into Chrome DevTools' Performance panel. The extension is no longer updated, and its CrUX API key integration faces revocation. Developers should use the built-in DevTools Performance panel or the web-vitals JavaScript library directly instead. The first editor-selected replacements are React DevTools, Vue DevTools, Responsively.