groove

Click any element to copy its component ancestor path (React, Vue, Angular, Svelte)

Groove is a developer tool that lets you instantly copy the component tree path of any element on a web page. Stop digging through React DevTools or Vue Inspector to find where a component lives — just click it. How it works: Click "Pick Element" in the popup, hover over any element to preview its component tree, then click to copy the full path to your clipboard. Paths like "App > Dashboard > StatsGrid > MetricCard" are ready to paste into your code, PRs, or bug reports. Works with React, Vue, Angular, and Svelte. Supports dev builds where framework debug metadata is available. Features: - One-click element picker with live component tree preview on hover - Adjustable depth control to shorten long paths - Copy history with framework badges so you can re-copy previous paths - Framework auto-detection with color-coded badges - Dark theme that matches your dev tools All data stays on your device. No analytics, no network requests, no account required.