ElementSnap.js Demo

Download Back To CSSScript.Com

A lightweight JavaScript library for selecting and capturing DOM element details. Export HTML for documentation, debugging, and AI tools.

Press Alt + Q to start selection mode.

Click on elements to select them, press Enter to confirm, or Esc to cancel.

Simple Text

This is a simple paragraph. You can select this entire card, or just this text block.

Image Card

This card contains an image. Try selecting the image directly.

Placeholder Image

Nested Elements

This card has bold text and italic text inside it. You can select each of them individually.

Ignored Element

This entire card has the .ignored class, so it cannot be selected. This is configured in the script below.