DOM Lens
Grab any element on any website and give it to AI coding agents
As of June 2026, DOM Lens has — users and a 5.00/5 rating from 1 reviews in the Developer Tools category.
Usersno change0%
—
—
Ratingno change0%
5.00
1 reviews
Reviewsno change0%
1
Version
0.1.0
Manifest V3
History
4 snapshotsTracking since Apr 18, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 18, 2026 | 16 | 5.00 | 1 | 0.1.0 |
| Apr 27, 2026 | 13 | 5.00 | 1 | 0.1.0 |
| May 7, 2026 | 14 | 5.00 | 1 | 0.1.0 |
| May 27, 2026 | 26 | 5.00 | 1 | 0.1.0 |
| Now | — | 5.00 | 1 | 0.1.0 |
Permissions & access
- Permissions
- activeTabstorageclipboardWrite
- Host access
- <all_urls>
Screenshots
About
Grab any element on any website and give it to AI coding agents like Cursor, Claude Code, and OpenCode. DOM Lens solves the problem where coding agents cannot access elements on your page by enabling point-and-click element selection. 🎯 KEY FEATURES: • Universal compatibility: Works on any website (React, Vue, Svelte, vanilla JS) • React-aware: Extracts component stack and source locations when React is detected • Clipboard-ready: Automatically copies grabbed elements with context tags • Visual feedback: Overlay highlights elements as you hover • Customizable: Configure hotkeys, hold duration, and AI adapters • Hold-to-activate: Prevents accidental activation with configurable hold duration ⚡ DEVELOPER-FOCUSED: • No telemetry or data collection • Works with any website • Minimal permissions (activeTab, storage, clipboardWrite) • Type-safe TypeScript implementation 🎨 CUSTOMIZATION: • Configure keyboard shortcuts (default: ⌘/Ctrl+C with hold duration) • Choose AI adapter (Cursor, or clipboard-only mode) • Adjust hold duration (100-1000ms) to prevent accidental activation • Settings persist across browser sessions 🔧 HOW IT WORKS: 1. Hold your configured hotkey (default: ⌘/Ctrl+C) for the set duration 2. Hover over any element on the page to see visual feedback 3. Click the element to grab it 4. Element HTML + React component info is automatically copied to clipboard 5. Use with Cursor adapter to automatically open in your AI coding tool Perfect for developers working with AI coding assistants who need to provide specific UI context for modifications, debugging, or component extraction.
Technical
- Version
- 0.1.0
- Manifest
- V3
- Size
- 114KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- ipkbflcgpmobofioemdijmgfnnfjhfae
- Developer ID
- u5304815ca5e9b71a55eca0a6c4a9ba22
- Developer Email
- [email protected]
- Created
- Nov 15, 2025
- Last Updated (Store)
- Nov 15, 2025
- Last Scraped
- Jun 8, 2026
- Website
- domlens.dev
- Support URL
- —
- Privacy Policy
- https://domlens.dev/privacy
Similar extensions
Alternatives to DOM Lens, ranked by description similarity.
ElementAgent
Grab any element and send it to AI coding agents like Cursor and Claude Code
3
Element Picker for AI
Helpful element picker for your AI prompts. Press Shift+Ctrl and click to select an element.
12
React Yank
Yank UI elements & send to AI agents like Cursor, Claude Code, Copilot & more
4
ProjectX
Capture any UI element from the web, extract its code, and generate AI-ready prompts
3
3copy
Accurately and quickly extract comprehensive data from any HTML element on webpages, CSS+JS+HTML
23
DirectCodeUI Capture
Select any area on any webpage to capture a screenshot
16
★ 4.0
UI Context
Select any element on any website and copy its context for your coding agent
5
★ 5.0
Element Inspector
One-click element capture for AI debugging. Copy element info, styles, and screenshots to clipboard.
39
Data sourced from the Chrome Web Store · last verified Jun 8, 2026.