Home

Clipboard Inspector

When you paste something on a web page, the clipboard can carry more than plain text. There's often text/html, text/uri-list, images, and sometimes custom MIME types from specific applications. Most of the time you never see this metadata — it just gets silently discarded or consumed by the paste target.

Clipboard Inspector lets you see everything. Paste or drop anything onto the page and it shows you every MIME type available, with the raw content of each.

Editing and copying back

Each entry opens in a Monaco Editor instance with syntax highlighting matched to the MIME type — HTML, JSON, XML, CSS, JavaScript, Markdown, and more. The editor uses a custom theme built from the same stone color palette as the rest of the app.

You can edit any entry directly, then copy individual types or everything back to the clipboard. The copy reconstructs a proper ClipboardItem with all the MIME types, so the receiving application gets exactly what you crafted.

There's also auto-formatting for structured types — JSON gets pretty-printed, HTML and XML get properly indented.

Rich previews

For types where raw source isn't the most useful view, there's a Code/Preview toggle:

  • HTML renders in a sandboxed iframe
  • SVG renders inline with scripts stripped
  • Markdown renders with full typography
  • JSON gets an interactive collapsible tree view with colored tokens
  • CSV renders as a scrollable table with sticky headers
  • URI lists become clickable link cards

Building it

This followed the same pattern as the other tools in the monorepo — React, Vite, Tailwind, shadcn, deployed to Amplify via Pulumi. The Clipboard API and DataTransfer API do the heavy lifting for reading and writing.

Try it at clipboard.reb.nz.