Developer Tools — CODING AND NOTES HUB

Developer & Student Tools

A collection of simple, client-side tools to help with common tasks. Your data never leaves your browser.

Featured Tool: Code Playground

Experiment with HTML, CSS, and JavaScript right in your browser. See your code come to life with a live-updating preview. Perfect for testing snippets, learning new concepts, or quick prototyping.

Try the Playground

Image & Media Tools

Image Resizer

Resize images to custom dimensions.

Image Cropper

Crop images by selecting an area.

Image Compressor

Reduce file size with quality adjustments.

Image to Base64

Convert image files to Base64 strings.

Text & Writing Tools

Word Counter

Count words and characters in text.

Case Converter

Change text to uppercase, lowercase, etc.

JSON Formatter

Beautify and validate JSON data.

Lorem Ipsum Generator

Generate placeholder text.

Math & Number Tools

Percentage Calculator

Calculate percentages easily.

Password Generator

Create strong, random passwords.

Unit Converter

Convert length, weight, temp, etc.

Number Converter

Convert between binary, decimal, hex.

File & Code Tools

QR Code Generator

Create a QR code from text or a URL.

Markdown Previewer

See a live preview of your Markdown.

Code Minifier

Minify HTML, CSS, and JavaScript code.

Regex Tester

Test regular expressions against text.

Student & Study Tools

GPA/CGPA Calculator

Calculate your Grade Point Average.

Typing Speed Test

Test your typing speed and accuracy.

Flashcard Maker

Create and study with digital flashcards.

Quiz Generator

Create quizzes to test your knowledge.

Code Playground

Experiment with HTML, CSS, and JS live.