UD5 Toolkit
Code Screenshot Generator - Online Carbon Code Image Maker
Create beautiful, syntax-highlighted screenshots of your code snippets. Choose themes and export as PNG. All client-side canvas rendering.
Barcode Generator - Free Online 1D Barcode Maker
Free Online Barcode Generator
Generate high‑quality 1D barcodes instantly — Code 128, EAN‑13, UPC‑A, Code 39, ITF‑14, and more. No watermark, no registration.
Use numeric only for EAN‑13 / UPC‑A
Quick examples:
Barcode Preview
Your barcode will appear here
Frequently Asked Questions
1D barcodes (linear barcodes) represent data by varying the widths and spacings of parallel lines. They are scanned by laser or camera-based readers and are widely used in retail, logistics, inventory, and healthcare.
- Code 128 – best for general alphanumeric data, high density.
- EAN-13 / UPC-A – retail products (GTIN). Requires exact 12 or 13 digits.
- Code 39 – industrial, military, often used for labels.
- ITF-14 – shipping cartons (14 digits).
- Codabar – libraries, blood banks.
Yes! Once generated, you can download the barcode as a high‑resolution PNG image or as an SVG vector file for professional printing. No watermarks.
EAN-13 requires 12 or 13 numeric digits. If you provide 12 digits, the tool calculates the check digit automatically. UPC-A expects 11 or 12 digits. Entering incorrect formats will show an error message.
Absolutely. All processing happens inside your browser – no data is sent to any server. Your information remains completely private.
Tap Code Encoder/Decoder – Online POW Communication Tool
Convert text to tap code (5x5 grid) and back. Learn the historical POW communication method.
Gray Code Converter - Online Binary to Reflected Code
Translate between binary and Gray code (reflected binary code). See the bit changes. Useful for digital logic.
Code to Image Snippet - Online Carbon‑Style Screenshot
Paste code and generate a beautiful, syntax‑highlighted PNG image. Choose theme and window style. Shareable code pics.
.editorconfig Generator - Online Uniform Code Styles
Build a .editorconfig file by setting indentation, charset, and end‑of‑line rules for your project. Keep all contributors aligned.
Box Shadow CSS Generator - Online Shadow Effect Designer
Design layered box shadows interactively and get the CSS code in real time. Adjust offset, blur, spread, and color. Essential tool for UI designers.
Capacitor Code Calculator - Online 3-Digit to Picofarad & Nanofarad
Convert 3-digit capacitor codes (like 104, 222) to capacitance value in pF, nF, µF. Also converts back. Useful for reading tiny ceramic capacitors.
CSS Ribbon Generator - Online Corner Banner Design
Create a 'SALE' or 'NEW' corner ribbon in pure CSS. Adjust colors, position, and text. Great for e‑commerce.
Isometric Box CSS Generator – Online 3D Cube Builder
Set width, height, depth, and colors to generate an isometric box using CSS transforms. Copy to your project.
Password Bit Strength Visualizer - Online Security Meter
Type a password and see a bar that fills based on estimated bits of entropy. Color‑coded feedback. No storage.
One‑Page Resume Builder - Online Simple CV Generator
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.
Origami Crane Instructions – Online Animated Paper Folding
Follow along with animated crease patterns to fold a paper crane. Pause and rewind steps.
Simple Weaving Draft Generator - Online 4-Shaft Pattern Creator
Create a simple 4-shaft weaving draft by clicking warp/weft threads. See plain weave, twill, satin. Educational for weavers. Local only.
Resume Generator - Online Simple One Page CV
Fill in your details and instantly get a clean, printable one-page resume. No sign up, no data leaves your browser.
Alt Text Suggestion Tool - Online Image Description Generator
Upload an image and get a suggested alt text description using a local vision model (WASM). Improve SEO and accessibility fast.
Keyhole Slot Hanger Calculator – Online Picture Frame Positioning
Enter frame dimensions to perfectly place keyhole slots so the picture hangs level. Includes printable mounting template.
Lorem Ipsum Generator - Online Placeholder Text Creator
Generate Lorem Ipsum placeholder text for your designs and mockups. Specify paragraphs, words, or bytes. Produce classic or custom dummy content instantly.
Box Shadow Playground - Online Visual CSS Shadow Editor
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.
Clipboard Image Paste Demo - Online Ctrl+V to Preview
Press Ctrl+V to paste an image from your clipboard into the page. See dimensions and download. Simple utility.
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.
Neumorphism CSS Generator - Online Soft UI Design Tool
Design neumorphic elements by adjusting box‑shadow parameters. Real‑time preview and CSS output. For modern soft UI interfaces.
CSS Box Model Visualizer - Online Interactive Margin Padding
Adjust margin, border, padding, and content sizes interactively and see the rendered box model. Get the exact CSS. Teach or learn layout.
Flexbox Playground - Online CSS Flex Layout Generator
Visually experiment with Flexbox container and item properties. See the layout update in real time and copy the CSS. Learn by doing, fully interactive.
box‑decoration‑break Demo - Online Inline Box Fragmentation
See the difference between clone and slice on inline boxes that break across lines. Useful for multi‑line headings.
Platform Authenticator Demo - Online Fingerprint & Face ID
Test your device's built‑in biometric (Touch ID, Face ID, Windows Hello) using the Web Authentication API. Register and verify.
Picture Hanging Height Calculator – Online Eye‑Level Guide
Find the ideal height to hang art based on wall and furniture dimensions. Follow gallery standard 57‑inch center rule.
CSS Inset Box Shadow Generator - Online Inner Depth
Create inner shadows for a pressed or sunken effect. Visually adjust and copy the CSS. Learn inset.
@font‑face unicode‑range Builder - Online Subset Definition
Select character sets (Latin, Cyrillic, Greek) and generate the exact unicode‑range descriptor for your fonts. Improve performance.
overflow‑clip‑margin Demo - Online Visible Beyond Clip
Learn how to let content extend a few pixels beyond a clip boundary with overflow‑clip‑margin. Interactive playground.
CSS Text Stroke Generator - Online Outline Text Effect
Create outlined text with the text‑stroke property. Adjust width and color. Preview and copy the CSS.