IconVault logoIconVault
Sign in

Clipboard API - Interactive Lab | IconVault

Real Clipboard API lab: multi-MIME writes, image copy, custom formats and full clipboard.read() inspection. Free, in-browser.

All tools

Clipboard API

Multi-MIME read/write, image copy and custom formats

5 of 5 free uses left

Write to clipboard

Plain text
Rich HTML (ClipboardItem, text/html + text/plain)
Generated PNG image

Draws a 480x200 badge on a canvas and copies it as image/png.

Custom format (web text/x-iconvault-note)

5 of 5 free writes left. Nothing is uploaded anywhere.

Read clipboard

Copy something above (or anywhere), then read it back: every MIME type is listed, images render inline.

Support matrix (this browser)

  • navigator.clipboardno
  • writeText / readTextno
  • clipboard.read() (multi-MIME)no
  • clipboard.write() + ClipboardItemno
  • clipboard-read permissionunknown
  • clipboard-write permissionunknown

Clipboard access needs a secure context, a focused document and a user gesture. Firefox supports readText/writeText only; Safari added async clipboard in 13.1 with limits. Custom formats must use the "web " prefix on write.

About this tool

IconVault's Clipboard API playground performs real clipboard operations: `writeText`, multi-MIME `ClipboardItem` writes (rich HTML, a canvas-generated PNG, and a custom `web` format), and a full `clipboard.read()` inspector that lists every MIME type on the clipboard and renders images inline. A live support matrix shows exactly which operations your browser allows. It is free and runs fully in your browser.

The lab teaches the rules that bite in production: secure context plus focus plus user gesture, why `read()` can throw `NotAllowedError`, Firefox's text-only limitation, and the `web ` prefix required for custom formats. Copy the sample image, then read it back to watch `image/png` round-trip through your real system clipboard.

Frequently asked questions

Popular searches

clipboard apinavigator.clipboardasync clipboard apiclipboard.writeclipboard.readclipboarditemcopy to clipboard javascriptjavascript copy textcopy image to clipboardcopy html to clipboardclipboard api exampleclipboard api demowritetextreadtextclipboard read imagepaste image javascriptclipboarditem image pngcustom clipboard formatweb text clipboardclipboard api browser supportclipboard api firefoxclipboard api safariclipboard notallowederrorclipboard-read permissionclipboard-write permissionpermissions.query clipboardsecure context clipboardmdn clipboard apiclipboard api tutorialclipboard api typescripthow to copy rich text javascriptcopy formatted text webexeccommand copy alternativeclipboard polyfillreact copy to clipboardclipboard api mobileclipboard api httpsread clipboard contentsinspect clipboard mime typesgettype clipboarditemclipboardItem.typescopy canvas to clipboardcanvas toblob clipboardpaste event vs clipboard apiclipboard api limitsis clipboard api supportedcaniuse clipboardtest clipboard api onlineclipboard playgroundclipboard lab

More tools

Algorithm Visualizer

Watch sorting and searching animate step by step

Alt Text Helper

Write better image alt text with live feedback

ARIA Reference

Searchable ARIA roles and attributes guide

Array Visualizer

Step through map, filter, reduce like a debugger

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →