groove
Click any element to copy its component ancestor path (React, Vue, Angular, Svelte)
Upgrade to view the full paid extension report
Public basics remain visible. Paid access adds payment clues, related extensions, and more review detail.
7-day user preview
Free accounts only see a short preview for paid extensions.
User Growth Over Time
7-day rating preview
The rating curve is shortened in preview mode.
Daily, weekly, and monthly growth
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Version, languages, and crawl freshness
Review publication date, version, supported languages, and crawl timestamps.
Product summary
Review the store description, core capabilities, and common use cases.
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
Recent review snapshot
Inspect the latest comments and rating distribution.
More reviews require paid access
The rating summary remains visible. Paid access includes more synced review text.
Similar and related extensions
Review related products from the Chrome Web Store detail page.
Related paid products require paid access
Upgrade to compare similar products and adjacent extensions.
