DEV Community

Cover image for I got tired of ad-cluttered utility sites, so I built a 100% free, 21-tool browser-based suite
Wahib Janan
Wahib Janan

Posted on

I got tired of ad-cluttered utility sites, so I built a 100% free, 21-tool browser-based suite

🧰 The Toolbox — Complete 23 Web & Developer Utilities Suite

A fast, 100% client-side, privacy-focused utility platform running entirely in your browser with zero server latency and no ad clutter.

🚀 Main Site: https://the-toolbox-kohl.vercel.app/



 1. Base64 Encoder & Decoder

  • Direct Link: Open Base64 Tool
  • Feature: Client-side binary-to-text string encoding and instant decoding.
  • How to Use: Paste raw text into the input field to generate Base64 output, or paste Base64 code to decode back to readable text.

2. Live Markdown Previewer

  • Direct Link: Open Markdown Previewer
  • Feature: Real-time dual-pane Markdown editor with instant HTML visual rendering.
  • How to Use: Write or paste .md syntax on the left pane and watch the visual preview render dynamically on the right side.

3. Image Background Remover

  • Direct Link: Open BG Remover
  • Feature: AI canvas processing to isolate subjects and remove background layers locally.
  • How to Use: Drag and drop your image, wait a few seconds for local background extraction, and download the clean PNG.

4. Meme Generator

  • Direct Link: Open Meme Generator
  • Feature: Canvas-based image meme creator with custom font positioning and styling.
  • How to Use: Upload a template picture, type your Top and Bottom text captions, adjust text size, and export your image.

5. Loan & EMI Calculator

  • Direct Link: Open Loan Calculator
  • Feature: Financial calculator for monthly installment breakdowns and total interest projections.
  • How to Use: Input loan principal amount, interest rate percentage, and loan tenure duration to compute monthly EMI.

6. SVG Converter & Viewer

  • Direct Link: Open SVG Tool
  • Feature: Vector graphic markup inspector, visual previewer, and code cleaner.
  • How to Use: Paste raw <svg> code into the editor to view rendered graphics visually and extract cleaned code.

7. Multi-Unit Converter

  • Direct Link: Open Unit Converter
  • Feature: Instant conversion engine across length, weight, storage, and temperature metrics.
  • How to Use: Select your conversion category, enter any numerical value, and view real-time converted units.

8. JSON Formatter & Validator

  • Direct Link: Open JSON Formatter
  • Feature: Prettifier and syntax error checker for complex JSON strings.
  • How to Use: Paste raw unformatted JSON to highlight syntax bugs and format indentation with one click.

9. CSS Gradient Generator

  • Direct Link: Open Gradient Generator
  • Feature: Visual CSS background gradient designer with linear/radial export.
  • How to Use: Select color stops, drag direction angles, and copy the auto-generated CSS code snippet.

10. QR Code Generator

  • Direct Link: Open QR Generator
  • Feature: High-resolution QR code vector builder for URLs, contact data, and plain text.
  • How to Use: Type your target link or text payload, adjust visual styling, and click Download PNG.

11. Word & Character Counter

  • Direct Link: Open Word Counter
  • Feature: Real-time text analysis for total words, characters, sentences, and estimated reading time.
  • How to Use: Type or paste article text to view dynamic word and character metrics updating instantly.

12. Password Generator

  • Direct Link: Open Password Generator
  • Feature: Secure client-side random string generator using cryptographic randomness.
  • How to Use: Set character length, toggle special symbols or numbers, and click Generate to copy a secure password.

13. HTML Entity Encoder / Decoder

  • Direct Link: Open HTML Entity Tool
  • Feature: Escapes special HTML characters to prevent XSS vulnerability and code rendering issues.
  • How to Use: Paste raw code snippets to convert characters like < and > into entity equivalents.

14. Color Code Converter

  • Direct Link: Open Color Converter
  • Feature: Converts color values between HEX, RGB, HSL, and CMYK formats.
  • How to Use: Input any color value or pick a color visually to copy formatted codes for web development.

15. URL Encoder & Decoder

  • Direct Link: Open URL Encoder
  • Feature: Encodes query parameters into safe URI components and decodes URI strings.
  • How to Use: Input unsafe query strings with spaces or special characters to convert them into standard web percent-encoding.

16. Text Case Converter

  • Direct Link: Open Case Converter
  • Feature: Instant case string transformer for programming and content editing.
  • How to Use: Type text and click target conversion buttons like camelCase, snake_case, kebab-case, or UPPERCASE.

17. Image Compressor

  • Direct Link: Open Image Compressor
  • Feature: Browser-side canvas image compression to reduce PNG/JPG file sizes without server uploads.
  • How to Use: Drop your heavy image file, select target quality percentage, and download the compressed file.

18. Lorem Ipsum Generator

  • Direct Link: Open Lorem Generator
  • Feature: Standard placeholder text generator for UI designers and web developers.
  • How to Use: Choose required paragraph or word counts, click Generate, and copy placeholder copy for layout mocks.

19. Text Diff Checker

  • Direct Link: Open Diff Checker
  • Feature: Side-by-side text comparison tool highlighting line additions, removals, and modifications.
  • How to Use: Paste original text on the left box and modified text on the right box to see color-coded differences.

20. UUID / GUID Generator

  • Direct Link: Open UUID Generator
  • Feature: Batch generator for cryptographically unique v4 UUID strings.
  • How to Use: Select required quantity of IDs and click Generate to copy unique database keys.

21. Regex Tester & Debugger

  • Direct Link: Open Regex Tester
  • Feature: Interactive regular expression validator with real-time match highlighting.
  • How to Use: Enter your Regex expression and test input string to highlight pattern matches live.

22. Hash Generator (MD5 / SHA-256)

  • Direct Link: Open Hash Generator
  • Feature: Cryptographic hash calculator generating MD5, SHA-1, SHA-256, and SHA-512 hashes.
  • How to Use: Enter plain text input to instantly view and copy generated cryptographic hashes.

23. JSON to CSV Converter

  • Direct Link: Open JSON to CSV
  • Feature: Data transformation tool converting array of JSON objects into formatted CSV table files.
  • How to Use: Paste structured JSON code, preview table layout, and click Download CSV file.

Top comments (0)