Overview
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.
Details
- Version1.0.10
- UpdatedFebruary 25, 2026
- Offered byPureCode
- Size81.33KiB
- LanguagesEnglish
- Developer
Email
michal.hachula@purecode.sh - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
