Screenshot Cropper & Annotator - Online Markup Tool
Paste a screenshot or image, crop it, and add arrows, rectangles, and text. Essential for bug reports and tutorials.
UD5 Toolkit
Paste images instantly with Ctrl + V or drag & drop — preview right in your browser. 100% Private
Press Ctrl + V to Paste
or drag & drop an image here, or click to browse
Your image will appear here
URL.createObjectURL() and the Clipboard API.
No data is ever sent to any remote server. Your images remain completely private and secure on your device.
You can even disconnect your internet connection and the tool will continue to work perfectly.
navigator.clipboard.write() API to place the image directly onto your system clipboard.
After copying, you can paste it into any application — document editors, chat apps, email clients, or design tools.
Note that this feature requires a secure context (HTTPS) and is best supported in Chromium-based browsers
(Chrome, Edge, Brave, Opera). Firefox and Safari may have partial or no support for writing images to the clipboard.
Paste a screenshot or image, crop it, and add arrows, rectangles, and text. Essential for bug reports and tutorials.
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
Paste code and generate a beautiful, syntax‑highlighted PNG image. Choose theme and window style. Shareable code pics.
Learn how to let content extend a few pixels beyond a clip boundary with overflow‑clip‑margin. Interactive playground.
Upload an image and get a suggested alt text description using a local vision model (WASM). Improve SEO and accessibility fast.
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
Visually configure scroll‑snap containers and items. Adjust alignment, stop behavior, and padding. Copy the clean CSS instantly.
Paste an HTML snippet and get a report on missing, empty, or suspicious alt texts. Improve your image SEO and a11y.
Generate standard 1D barcodes including CODE128, EAN-13, and UPC-A. Download as image for product labeling or inventory. All processing happens locally.
Adjust margin, border, padding, and content sizes interactively and see the rendered box model. Get the exact CSS. Teach or learn layout.
Create colorful digital sticky notes on a corkboard. Drag, edit, and delete. Notes persist in local storage. No login.
Fill in your details and instantly get a clean, printable one-page resume. No sign up, no data leaves your browser.
Enter frame dimensions to perfectly place keyhole slots so the picture hangs level. Includes printable mounting template.
Enter an amount and see a virtual stack of $100 bills with height comparison to everyday objects.
See the difference between clone and slice on inline boxes that break across lines. Useful for multi‑line headings.
Select meal type and recommended portion to see suggested plate diameter for appealing plating. Psychology of presentation.
Interactively add and adjust multiple box shadows on a sample element. Drag sliders for offset, blur, spread, and color. Copy the clean CSS code instantly.
Fill in a form to generate a clean, ATS‑friendly one‑page resume. Customize sections, colors, and export as print‑ready PDF. Personal data stays in your browser.
Create outlined text with the text‑stroke property. Adjust width and color. Preview and copy the CSS.
Visually design a custom :focus‑visible outline style. Copy the CSS. Better than the default.
Translate between binary and Gray code (reflected binary code). See the bit changes. Useful for digital logic.
Find the ideal height to hang art based on wall and furniture dimensions. Follow gallery standard 57‑inch center rule.
See the difference between :focus and :focus‑visible on interactive elements. Learn which to use for better UX.
Design layered box shadows interactively and get the CSS code in real time. Adjust offset, blur, spread, and color. Essential tool for UI designers.
Select wood thickness and type (soft/hardwood) to get the recommended pocket hole screw length and jig setting. Professional joinery.
Generate Lorem Ipsum placeholder text for your designs and mockups. Specify paragraphs, words, or bytes. Produce classic or custom dummy content instantly.
Enter an IP and CIDR prefix to visually see network address, broadcast, usable range, and subnet mask conversions.
Convert 3-digit capacitor codes (like 104, 222) to capacitance value in pF, nF, µF. Also converts back. Useful for reading tiny ceramic capacitors.
Follow along with animated crease patterns to fold a paper crane. Pause and rewind steps.
Generate a random HTML/CSS card with different box model properties. Inspect and guess the size. For learners.