Item logo image for Snaplensy

Snaplensy

Item media 1 (screenshot) for Snaplensy

Overview

Snap any UI element, copy its selector, React path, styles & attributes — paste into any AI coding assistant.

Snap any UI element. Instantly copy context for your coding assistant. Snaplensy is the bridge between your browser and AI. Hover over any element, click to select, and copy everything you need — selectors, component paths, props, styles, and attributes — in one click. What's new in v1.1.0 - Quick Copy mode — click any element to instantly copy a structured prompt without opening the inspector panel (Pro) - Auto-close after copy — the inspector closes automatically after copying (Pro) - Pro settings section in popup with toggles for both new features How it works 1. Press Ctrl+Shift+Z (Cmd+Shift+Z on Mac) or your custom shortcut to activate 2. Hover over any element — see its type, dimensions, and color-coded highlights 3. Click to select — a floating panel shows full element details 4. Double-click any style value to edit it live on the page 5. Copy what you need — CSS selector, test locator, or a structured prompt Free features - Inspect any element on any website - Live CSS editing with instant preview - Color picker for quick color adjustments - Custom keyboard shortcut mapping - Color-coded highlights by element type - Unique CSS selector generation - DOM ancestor tree — up to 12 levels with hover-to-highlight - Computed styles: colors, typography, dimensions, layout - HTML attributes overview - Copy any value with one click Pro features - Quick Copy mode — one click to copy a structured prompt without opening the panel - Auto-close after copy - Component path, props, and state inspection - Test locator generation for popular testing frameworks - Structured prompt — copy a complete element description formatted for coding assistants - Keyboard arrow navigation through the DOM tree - Element state badges (disabled, checked, required, and more) - Sibling context and children summary - Copy computed styles as a CSS block Compatible with any web framework — analyzes the live DOM and detects component trees automatically. Privacy first Runs entirely in your browser. Only analyzes the DOM when you activate it. No data is sent to any server. Keyboard shortcut: Ctrl+Shift+Z / Cmd+Shift+Z (or your custom shortcut)

Details

  • Version
    1.1.0
  • Updated
    March 13, 2026
  • Features
    Offers in-app purchases
  • Size
    56.72KiB
  • Languages
    English
  • Developer
    Szymon Dziedzic
    Szeroka, 7 Szeroka, 7 Pietrzykowice 34-326 PL
    Website
    Email
    szymdzie@gmail.com
  • Non-trader
    This 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

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Related

CSS Scanner - Inspect & Copy Styles Instantly

0.0

Inspect CSS in real-time. Hover to view categorized styles, copy selectors & CSS instantly. Fast, organized, privacy-first.

Web to MCP: Import any website components to Cursor or Claude Code

3.9

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Annotator - for Chrome

0.0

Capture page screenshot, annotate with draws/highlights/arrows/text, select & move elements, and send to IDE.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

CSS Peek: Element Inspector

5.0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

AI Code Preview

5.0

Preview, copy, and download code from AI responses. Supports HTML+CSS+JS, React components, and Vue single-file components.

CSS Inspector Pro

5.0

Beautiful CSS, HTML & Style Inspector with copy functionality

CopyUI - HTML, CSS & Tailwind Inspector

5.0

Stop coding from scratch. Copy any element of any website and export it to Tailwind CSS, JSX or clean CSS in one click.

Nexus Helper

0.0

AI context capture for code editors. Routes, screenshots, errors, API docs & smart prompts from a floating widget.

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

CSS Scanly - Copy CSS | Tailwind & Bootstrap

5.0

Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers

CSS Scanner - Inspect & Copy Styles Instantly

0.0

Inspect CSS in real-time. Hover to view categorized styles, copy selectors & CSS instantly. Fast, organized, privacy-first.

Web to MCP: Import any website components to Cursor or Claude Code

3.9

A Chrome extension that captures website components and sends them to AI coding assistants like Cursor, Claude Code, Codex, etc

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.

Annotator - for Chrome

0.0

Capture page screenshot, annotate with draws/highlights/arrows/text, select & move elements, and send to IDE.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

CSS Peek: Element Inspector

5.0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

AI Code Preview

5.0

Preview, copy, and download code from AI responses. Supports HTML+CSS+JS, React components, and Vue single-file components.

CSS Inspector Pro

5.0

Beautiful CSS, HTML & Style Inspector with copy functionality

Google apps