These days, TTS tools are everywhere — but most need API keys, accounts, or sound robotic.
So I built a fully offline TTS (Text-to-Speech) web app using just HTML, CSS & JavaScript — no frameworks, no libraries, and no API required!
🎯 Try It Out:
Live Demo: [https://naman9104.github.io/TTS/]
GitHub Source Code: [https://github.com/naman9104/TTS]
⚙️ Features:
Choose from multiple available voices
Set custom pitch and rate
Type text and speak it instantly
Works offline on most browsers
Clean glassmorphism UI
🔧 How It's Built:
HTML for structure
CSS with a polished glassmorphism look
Vanilla JS using built-in SpeechSynthesisUtterance
No API calls. No data usage. Just open the page and start listening.
💡 Why I Made This:
I noticed many TTS tools ask for API keys or sound robotic. I wanted something:
Lightweight
Offline
Clean UI
Beginner-friendly
This is perfect for students, teachers, or anyone who wants to convert text into speech easily.
⭐ Like the project?
Star it on GitHub, it really helps 🙌
Comments and feedback are welcome!
Top comments (7)
💬 Want to see something added?
Drop your suggestions in the comments — I’d love to improve this project based on your ideas!
The web application works well, unfortunately the color of the letters displayed is the same as the one on the screen so the contrast and color selection also affect the reading quality.
Thanks so much for pointing that out! 🙏
You’re absolutely right — I’ll update the colors to improve contrast and make the text more readable.
Appreciate you testing it and giving feedback — means a lot! 😄
Hey! I just updated the code with better contrast and readability — thanks again for the feedback! 😄 Feel free to check it out, and if you find it useful, do consider starring the repo ⭐
Thanks for fixing it. If I have some free time, I'll take a look at your repo and create a new issue that might be relevant to your project to develop.
Really like how easy it is to use right away and the clean look. Does the offline mode work smoothly across all browsers or have you noticed any quirks?
Thanks a lot,Really glad you found it clean and easy to use 🙌
I’ve mostly tested it on Chrome (desktop and Android), where it works completely offline without any issues. Haven’t done full cross-browser testing yet — so if you spot anything odd on your end, I’d love to hear about it.
Planning to expand browser support step by step, and feedback like this really helps shape that!
Feel free to check out my Dev.to profile — been building some fun little tools recently, would love to hear what you think!