I have a confession.
Every time I needed to calculate my EMI, check my BMI, or figure out how many college classes I could skip — I'd Google it, land on some site plastered with ads, get asked to sign up, and then give up halfway.
So I did what any frustrated developer does.
I built my own.
How It Started
It started with one EMI calculator. Just a simple HTML page I made for myself to calculate home loan EMIs without the nonsense.
Then my friend asked if I could add an SIP calculator. Then another asked for a CGPA converter. Then my cousin wanted an attendance tracker for college.
Three months later — I had 49 tools across 5 categories.
What I Built
WebToolsKit is a collection of 49 free online tools across 5 categories:
💰 Finance
EMI Calculator (home, car, personal loans)
SIP Returns Calculator
Salary Hike Calculator
Rent vs Buy Calculator
Fuel Cost Calculator
Wedding Budget Calculator
Subscription Trap Calculator
and more...
🌿 Health
BMI Calculator
TDEE Calculator
Sleep Cycle Calculator
Water Intake Calculator
Calorie Burn Calculator
and more...
💼 Freelance
Freelance Rate Calculator
Invoice Generator
Project Profit Calculator
WFH Cost Calculator
Notice Period Calculator
and more...
🎓 Students
CGPA Calculator
Attendance Calculator (aka the "class bunk calculator" 😄)
Study Planner
Marks Needed Calculator
and more...
⚡ Utility
QR Code Generator
Word & Character Counter
Pomodoro Timer
Password Strength Checker
Hashtag Generator
and more...
The Rules I Set For Myself
From day one I had three non-negotiable rules:
No signup — ever. If a calculator needs you to create an account, it has failed at its only job.
No ads — ever. Ads on a calculator page are a crime against usability.
Works on mobile — always. Half the people who need a quick calculation are on their phone.
These three rules shaped every decision I made.
What I Used to Build It
The tech stack is embarrassingly simple:
Pure HTML, CSS, JavaScript — no frameworks, no build tools
GitHub Pages — free hosting, zero config
Google Fonts — for typography
That's it.
No React. No Vue. No npm. No webpack. Just files.
This kept the site incredibly fast and the codebase easy to maintain. Every tool is a single self-contained HTML file.
What I Learned
- Constraints are a feature, not a bug
Deciding "no frameworks" forced me to write cleaner, leaner JavaScript. Every tool loads in under a second.
- SEO matters from day one
I ignored meta tags for the first few weeks. Big mistake. The moment I added proper title tags and meta descriptions for all 49 pages, Google started picking up the site within days.
- The "class bunk calculator" is my most viral tool
I built it seriously — as an attendance tracker for Indian college students. But the moment I described it as "find out how many classes you can skip" — it resonated. Sometimes framing is everything.
- Simple tools have real value
I almost didn't build the tip calculator because "it's too simple." But people search for it every day. Don't underestimate simple.
- Open source builds trust
Adding an MIT license to the GitHub repo changed how people perceived the project. Transparency matters.
The Numbers So Far
The site is only 5 days old at the time of writing, but Google Search Console already shows:
29 impressions in the first 5 days
6 countries — India, USA, Bangladesh, Mexico, Indonesia, Malaysia
Top keyword: "student attendance calculator"
Average position: 56.7 (and climbing)
Early days — but the trajectory is promising.
What's Next
More tools based on community feedback
Better mobile experience
A shareable results feature (so you can share your EMI calculation with a link)
Try It
👉 https://webtoolskit.github.io
It's free. No signup. No ads. Open source on GitHub.
If you find a bug, want a tool added, or just want to say hi — drop a comment. I read every one. 🙏
Built with HTML, CSS, JS and a lot of frustration with ad-filled calculator sites.
Top comments (0)