UD5 Toolkit
.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.
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.
Placeholder Image Generator - Online Dummy Image Creator
Generate custom placeholder images for mockups and layouts. Specify dimensions, colors, and text. Export as PNG or use the generated data URI. Entirely browser-based.
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.
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.
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.
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.
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.
cURL to Code Converter - Online Generate HTTP Client Snippets
Paste a cURL command and instantly generate equivalent HTTP request code in Python, JavaScript, PHP, and more. Speed up API integration — fully local.
Add Line Numbers - Online Number Text Lines Tool
Number each line of your text sequentially. Customize start number and format. Useful for code snippets, tutorials, and document review. Private operation.
HTML Entity Encoder & Decoder - Online Escape Tool
Encode special characters to HTML entities or decode them back to normal text. Perfect for web developers to sanitize or reverse HTML escaping. All processing is client-side.
Custom Scrollbar CSS Generator - Online Webkit & Firefox
Design a fully styled scrollbar with colors, width, and border radius. Get the CSS for Chrome and Firefox.
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.
Custom Scrollbar CSS Generator - Online Firefox & Webkit
Design a fully styled scrollbar with colors, width, radius, and hover effects. Supports both ::-webkit‑scrollbar and Firefox scrollbar‑width.
Color Scale Generator - Online Create Monochromatic Stops
Generate a range of tints and shades from a single hex color. Ideal for data visualization, UI design systems, and Tailwind custom palette creation. Local tool.
CSS Scroll Snap Generator - Online Visual Builder
Visually configure scroll‑snap containers and items. Adjust alignment, stop behavior, and padding. Copy the clean CSS instantly.
CSS Tooltip Generator - Online Hover Popup Builder
Design a pure CSS tooltip with custom text, position (top/bottom/left/right), and arrow. Copy the clean code.
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.
CSS Mask Image Generator - Online Reveal Effects
Create CSS mask‑image effects with custom shapes, gradients, and SVGs. Visually see the mask applied to an image. Copy the CSS.
Pure CSS Tooltip Generator - Online No‑JS Hover Card
Design a tooltip that appears on hover without JavaScript. Choose positioning, arrow, and animation. Copy the clean HTML/CSS.
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.
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.
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.
Cookie Consent Banner Generator - Online GDPR/CCPA HTML & CSS
Create a custom cookie consent banner with text, button styles, and colors. Copy the ready‑to‑use HTML/CSS/JS snippet.
Screen Recorder - Online Record Browser Tab & Download WebM
Record your screen, application window, or browser tab directly using the Screen Capture API. Download as WebM. All local.
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.
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.
CSS Reset Generator - Online Custom Normalize Snippet
Build a custom CSS reset by toggling which elements to normalize. Copy the resulting stylesheet. Lean and clean.
Custom Cursor CSS Generator - Online Image to Cursor
Upload an image and generate the CSS to use it as a custom mouse cursor. Test it live. Fun for personal websites.
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.