DEV Community

Cover image for Why We Built TnTS Tools: A 100% Free, Client-Side PDF Suite & Neural AI Voice Reader
Thomas Scharl
Thomas Scharl

Posted on Edited on Originally published at tntstools.com

Why We Built TnTS Tools: A 100% Free, Client-Side PDF Suite & Neural AI Voice Reader

Why We Built TnTS Tools: A 100% Free, Client-Side PDF Suite & Neural AI Voice Reader

Have you ever tried to do something trivial in your browserโ€”like compress a 12 MB PDF for an email, remove a background from a photo, or extract text from a scanned document?

If you have, you know how frustrating the modern web has become:

  • "You have reached your 2 free tasks for today."
  • "Create an account and start your 7-day free trial ($18.99/mo)."
  • Mandatory email signups, paywalls, and uploading your personal or business documents to unknown ad-tracking servers.

We were tired of this artificial friction. That is why we built TnTS Tools (and our Austrian mirror ttstools.at)โ€”a completely free, privacy-first web suite designed to solve daily productivity tasks right inside your browser without accounts, subscriptions, or limits.


๐Ÿ› ๏ธ What We Built (And How It Works Under the Hood)

1. In-Browser PDF Studio (pdf.php)

Most PDF web services upload your entire document to their backend servers to run headless LibreOffice or ghostscript.

Instead, we chose a client-side first architecture:

  • Merging, Splitting & Compression: Powered by pdf-lib running directly inside the user's browser thread. Your sensitive contracts, invoices, and resumes never leave your device.
  • Visual Page Reordering: We use pdf.js to render crisp, interactive page thumbnails on the fly. Users can drag, drop, swap, or delete individual pages visually before generating the final document.

2. Neural Text-to-Speech (TTS) Voice Reader

One of our favorite features is the PDF & Text Voice Reader.

Instead of robotic, monotone web-speech synthesisers, we set up a dedicated microservice running on FastAPI and neural models.

  • Natural Studio Voices: Features human-sounding voices across multiple languages and dialects:
    • ๐Ÿ‡ฉ๐Ÿ‡ช German: Conrad (natural male), Katja (clear female), Killian (warm)
    • ๐Ÿ‡ฆ๐Ÿ‡น Austrian: Ingrid (female), Jonas (male)
    • ๐Ÿ‡จ๐Ÿ‡ญ Swiss German: Leni
    • ๐Ÿ‡บ๐Ÿ‡ธ ๐Ÿ‡ฌ๐Ÿ‡ง English: Jenny, Guy, Sonia
    • ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿ‡ช๐Ÿ‡ธ ๐Ÿ‡ฎ๐Ÿ‡น French, Spanish, Italian
  • Synchronized Sentence Highlighting: As the voice speaks, the text automatically scrolls and highlights the active sentence in real timeโ€”ideal for students studying long lecture notes, proofreading, commuters, or users with dyslexia.
  • Built-in OCR Scan Fallback: If you drop a scanned image PDF without an embedded text layer, the reader automatically detects it and offers 1-click in-browser OCR extraction via Tesseract WebAssembly.

3. AI Image Magic: 1-Click Segmentation & Generative Inpainting

For bild.php, we wanted a seamless experience:

  • Interactive 1-Click Object Selection: Using Meta's Segment Anything (SAM) model, users simply click on a person, object, or watermark. The model accurately detects the boundary of the entire object.
  • Generative Erasing: Instead of simple blur filters or smudges, generative inpainting seamlessly reconstructs the background textures (walls, furniture, natural lighting) as if the object was never there.
  • Alpha Channel Background Removal: Clean cutouts exported directly as transparent PNGs or WebP.

4. Client-Side WASM OCR (ocr.php)

For digitizing receipts, book scans, and documents:

  • Fully client-side via Tesseract.js compiled to WebAssembly.
  • Extracts clean text in seconds with 1-click clipboard copying and TXT download.
  • No data transmitted over the wireโ€”maximum GDPR and data privacy compliance.

๐Ÿš€ Try It Out & Give Us Your Feedback!

TnTS Tools is live and completely free for everyone:
๐Ÿ‘‰ https://tntstools.com

We would love to get your thoughts:

  • What daily file utility or tool are you currently missing in your workflow?
  • How is the playback speed and voice naturalness on the TTS player?
  • Any UI/UX tweaks you'd recommend?

Drop your feedback in the comments below! ๐Ÿ‘‡

Top comments (0)