Skip to content

aminechraibi/dev-utilities

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Dev Utilities

60+ free, open-source tools for developers and IT professionals.
No ads. No tracking. No login. Just tools that work.

🌐 Live App  ·  🐛 Report Bug  ·  💡 Request Feature


What is Dev Utilities?

Dev Utilities is a fast, privacy-first collection of browser-based tools built for developers, DevOps engineers, and IT professionals. Everything runs locally in your browser — nothing is sent to a server.

Built with Vue 3, TypeScript, Vite, and Naive UI.


Tools

🔐 Crypto & Security

Tool Description
Token Generator Generate secure random tokens with custom alphabet and length
Hash Text Hash strings with MD5, SHA-1, SHA-256, SHA-512 and more
Bcrypt Hash and verify passwords with bcrypt
UUID / ULID Generator Generate RFC-compliant UUIDs and sortable ULIDs
JWT Parser & Generator Decode, verify and sign JSON Web Tokens
Bcrypt Hash and verify bcrypt passwords
RSA Key Pair Generator Generate RSA public/private key pairs
SSL Certificate Decoder Decode and inspect X.509 certificates
Encryption / Decryption AES encrypt and decrypt text
BIP39 Mnemonic Generator Generate BIP39 seed phrases for crypto wallets
HMAC Generator Generate HMAC signatures
Password Strength Analyser Check password entropy and strength
PDF Signature Checker Verify digital signatures in PDF files
UUID Inspector Parse and inspect UUID structure

🔄 Converters

Tool Description
Date/Time Converter Convert between timestamps, ISO 8601, and human-readable formats
Integer Base Converter Convert numbers between binary, octal, decimal, hex and any base
Roman Numeral Converter Convert between Arabic and Roman numerals
Base64 String Encoder/Decoder Encode and decode Base64 strings
Base64 File Converter Convert files to/from Base64
Base32 Encoder Encode and decode Base32
Color Converter Convert HEX, RGB, HSL, HSV color formats
Case Converter Convert text between camelCase, snake_case, PascalCase and more
YAML ↔ JSON / TOML / XML Bidirectional YAML, JSON, TOML, XML conversion
XML ↔ JSON / YAML Bidirectional XML conversion
Markdown ↔ HTML Convert Markdown to HTML and back
Text to Binary Convert text to binary representation
Text to Unicode Inspect Unicode code points
Text to NATO Alphabet Spell out text in NATO phonetic alphabet
Morse Code Translator Encode and decode Morse code
Byte Unit Converter Convert between bytes, KB, MB, GB, TB
Number to Words Convert numbers to English words
Unit Converter Convert length, weight, temperature, speed and more

🌐 Web

Tool Description
URL Encoder/Decoder Encode and decode URL components
HTML Entities Escape and unescape HTML entities
URL Parser Parse URL into scheme, host, path, query, fragment
Meta Tag Generator Generate Open Graph and Twitter Card meta tags
OTP Generator & Validator Generate and validate TOTP/HOTP one-time passwords
MIME Types Look up MIME types by extension
JWT Parser Decode JWT header, payload and signature
Keycode Info Get JavaScript key codes from keyboard input
Slugify String Convert text to URL-friendly slugs
HTML WYSIWYG Editor Rich text editor with HTML output
User Agent Parser Parse browser user-agent strings
HTTP Status Codes Reference for all HTTP status codes
Safelink Decoder Decode Microsoft SafeLinks URLs
HTTP Header Analyzer Analyze and explain HTTP response headers
Semver Comparator Compare semantic version numbers
Basic Auth Generator Generate HTTP Basic Authentication headers
Favicon Generator Generate favicons in multiple sizes
HTML Cleaner Clean HTML: remove inline styles, classes, scripts, and more
HTML Minifier Minify HTML with configurable options
CSS Formatter Format and beautify CSS

💻 Development

Tool Description
HTTP Request Builder Build HTTP requests visually → generate cURL, fetch, axios, Python, PHP, Go
cURL Converter Convert cURL commands to fetch, axios, Python requests, Node.js
Git Memo Quick reference for common Git commands
Random Port Generator Generate a random available port number
Crontab Generator Build cron expressions with a visual editor
JSON Viewer Inspect and pretty-print JSON
JSON Minifier Minify JSON
JSON → CSV / YAML / TOML / SQL / XML Convert JSON to various formats
SQL Prettify Format and beautify SQL queries
chmod Calculator Calculate Unix file permission modes
Docker Run → Compose Convert docker run commands to docker-compose YAML
XML Formatter Format and beautify XML
YAML Viewer Validate and visualize YAML
Regex Tester Test regular expressions with match highlighting
Regex Visualizer Visualize regex as a railroad diagram
Regex Memo Regular expressions cheatsheet
JSON Schema Validator Validate JSON against JSON Schema (Draft-07)
CSV Viewer Preview and inspect CSV files
CSV → JSON Convert CSV to JSON
GraphQL Formatter Format GraphQL queries and schemas
Dotenv Parser Parse and inspect .env files
Cron Expression Parser Parse cron expressions to plain English + next runs
JavaScript Formatter Format and beautify JavaScript
PDF to Text Extract text from PDF files
JSON Path Tester Test JSONPath expressions against JSON
Gitignore Generator Generate .gitignore files for any stack
Env Vars Generate ready-to-use environment variable commands for Bash, Fish, PowerShell, CMD

🖼️ Images & Media

Tool Description
QR Code Generator Generate QR codes with custom colors
Wi-Fi QR Code Generator Generate Wi-Fi network QR codes
SVG Placeholder Generator Generate SVG placeholder images
Camera Recorder Record video from your webcam
Image Annotator Annotate images with arrows, text and shapes
Image Color Picker Pick colors from any image
Color Palette Generator Extract color palettes from images
Numbering Bubbles Generate numbered bubble icons, copy as PNG
Gradient Generator Create CSS gradients visually
Image to ASCII Convert images to ASCII art
EXIF Viewer Extract and display image EXIF metadata
Barcode Generator Generate various barcode formats
Color Contrast Checker Check WCAG color contrast ratios
Image Resizer Resize images with aspect-ratio letterboxing and fill color

🔢 Math

Tool Description
Math Evaluator Evaluate mathematical expressions
ETA Calculator Calculate estimated time of arrival
Percentage Calculator Calculate percentages and ratios
Duration Calculator Add and subtract time durations
Statistics Calculator Mean, median, mode, std deviation, quartiles
Binary Calculator Bitwise AND, OR, XOR, NOT, shifts with bit visualization

📐 Measurement

Tool Description
Chronometer Stopwatch with lap times
Temperature Converter Convert Celsius, Fahrenheit, Kelvin and more
Benchmark Builder Measure and compare JavaScript performance
Date Difference Calculator Calculate the exact difference between two datetimes
Business Days Calculator Count working days between dates
World Clock View current time across multiple timezones

✏️ Text

Tool Description
Lorem Ipsum Generator Generate placeholder text
Text Statistics Word count, character count, readability stats
Emoji Picker Search and copy emojis
String Obfuscator Obfuscate sensitive strings
Text Diff Compare two texts and highlight differences
Numeronym Generator Generate numeronyms (i18n, k8s style)
ASCII Text Drawer Render text as ASCII art with 200+ fonts

📊 Data

Tool Description
Fake Data Generator Generate fake names, emails, addresses, IPs and more — multi-column table output
Phone Parser & Formatter Parse and format international phone numbers
IBAN Validator Validate and parse IBAN numbers

Getting Started

Run locally

pnpm install
pnpm dev

Build for production

pnpm build

Run tests

pnpm test
pnpm lint
pnpm typecheck

Deployment

Every push to main automatically deploys to GitHub Pages via the included workflow.

Live: aminechraibi.github.io/dev-utilities


IDE Setup

VSCode with:

.vscode/settings.json:

{
  "editor.formatOnSave": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

Tech Stack

  • Vue 3 + Composition API
  • TypeScript
  • Vite
  • Naive UI
  • UnoCSS
  • VueUse

Contributing

Issues and PRs are welcome. To add a new tool:

pnpm run script:create:tool my-tool-name

Then add it to the category array in src/tools/index.ts.

When submitting a new tool, include unit tests for the service logic in the generated .service.test.ts file. Run with pnpm test before opening a PR.


Contributors

contributors

Attribution

Based on IT Tools by Corentin Thomasset.

License

GNU GPLv3


If Dev Utilities saves you time, consider supporting:

Buy Me a Coffee at ko-fi.com

About

Free online developer tools — 60+ utilities for Base64 encoding, JWT decoding, JSON/YAML/CSV formatting, regex testing, color conversion, hash generation, image processing, UUID generation, and more. Privacy-first: no login, 100% client-side. Built with Vue 3 + TypeScript + Vite.

Resources

License

Stars

Watchers

Forks

Contributors

Languages