Back to tools

Guide

Help & User Guide

Welcome to TinyToolkit — a collection of 25 lightweight, client-side utility tools. This guide explains what each tool does, how to use it, and when you might need it. Every tool runs entirely in your browser: no sign-up, no uploads, nothing leaves your device.

Getting Started

  • Search: Use the search bar at the top to instantly filter tools by name, description, or keyword.
  • Dark mode: Click the moon/sun icon in the top-right corner to toggle between light, dark, and system themes.
  • Install as PWA: On Chrome/Edge, click the install icon in the address bar to add TinyToolkit to your device — it works offline.
  • Privacy: All processing happens on your device. Your inputs, images, and audio never reach a server.

Math & Logic Tools

Standard Calculator

A simple arithmetic calculator with full keyboard support — type numbers and operators directly.

How to use:

  • Click buttons or type digits, +, −, ×, ÷ on your keyboard
  • Press Enter or = to evaluate; Backspace to delete; Escape to clear
  • The display shows both your expression and the running result

Use cases:

  • Quick expense calculations when budgeting
  • Splitting a restaurant bill between friends
  • Verifying math homework or invoice totals

Scientific Calculator

Full-featured calculator with trigonometry, logarithms, powers, factorials, and constants (π, e).

How to use:

  • Toggle between DEG and RAD modes using the button in the top-left
  • Use sin, cos, tan, ln, log, √, x^y, x!, π, e buttons to build expressions
  • Press = or Enter to evaluate; the result becomes the start of the next calculation

Use cases:

  • Engineering and physics problem solving
  • Trigonometry homework (use DEG mode for angles in degrees)
  • Compound interest calculations with powers

Random Number Generator

Roll a random number between 0 and a maximum value you choose.

How to use:

  • Set the maximum value (default 100)
  • Click “Roll” to generate; click the result to copy it

Use cases:

  • Picking a random winner for a giveaway
  • Rolling dice for board games (set max to 6)
  • Generating random test data

Random in Range

Generate one or more random integers between two custom bounds, with optional uniqueness.

How to use:

  • Set minimum and maximum values
  • Choose how many numbers to generate (1–1000)
  • Toggle “Unique values only” to prevent repeats
  • Copy all results with the copy button

Use cases:

  • Lottery number generation (unique, 1–49)
  • Assigning random task order to team members
  • Sampling data points from a range for testing

Name / Word Generator

Pick random names or words from built-in preset lists or your own custom list.

How to use:

  • Choose a preset (First names, Fantasy characters, Cities, Coding words) or switch to the Custom tab
  • For custom lists: enter words separated by commas or new lines
  • Adjust the count slider (1–20); click any result to copy it

Use cases:

  • Random student selection in classrooms
  • Brainstorming character names for fiction writing
  • Picking a random city for your next travel destination

BMI Calculator

Calculate Body Mass Index with metric (cm/kg) or imperial (ft/in/lb) units and a visual category scale.

How to use:

  • Switch between Metric and Imperial tabs
  • Enter your height and weight
  • View your BMI, category (underweight/normal/overweight/obese), and position on the visual scale

Use cases:

  • Personal health tracking alongside fitness apps
  • Quick screening during telehealth consultations
  • Educational demonstrations in health classes

Age Calculator

Calculate exact age in years, months, days, hours, and more — plus a countdown to your next birthday.

How to use:

  • Select your date of birth
  • Optionally change the “Age at date” to calculate age at a future or past date
  • View the breakdown and your next birthday countdown

Use cases:

  • Calculating exact age for official forms and applications
  • Determining eligibility (voting, retirement, enrollment)
  • Counting days until a child's next birthday

Time & Data Tools

Calendar + Notes

An interactive monthly calendar where you can attach notes to any date. Notes are saved in your browser only.

How to use:

  • Navigate months with the arrow buttons; click “Jump to today” to return
  • Click any date to select it, then type a note in the right panel
  • Notes auto-save when you click away; dots on dates indicate notes exist
  • Upcoming notes are listed below the editor for quick access

Use cases:

  • Tracking appointment reminders without an account
  • Marking assignment due dates for students
  • Personal journaling — one note per day

Tiny Graph Generator

Paste CSV data to instantly generate bar, line, or pie charts using Chart.js.

How to use:

  • Paste CSV data — first row = column headers, first column = labels
  • Enter an optional chart title
  • Switch between bar, line, and pie chart types
  • Download the chart as a PNG image

Use cases:

  • Visualizing spreadsheet data without opening Excel
  • Quick sales or traffic reports for small businesses
  • Creating charts for blog posts or presentations

Pomodoro Timer

A focus timer with custom durations, ticking sound, and multi-track ambient background sounds (9 nature sounds + upload your own).

How to use:

  • Switch between Focus, Short Break, and Long Break modes; click the gear icon to customize durations
  • Click Start to begin; the timer will auto-cycle (4 focus sessions → long break)
  • Toggle the ticking sound for a metronome during focus
  • Click nature sounds to mix multiple together — each has its own volume slider in the Mixer section
  • Upload your own audio or add from a URL; sounds persist across mode switches
  • Use “Reset session count” to clear your daily stats

Use cases:

  • Deep work sessions with rain + ticking for maximum focus
  • Study sessions with the 50/10 deep work preset
  • Meditation breaks with ocean waves during the 5-minute rest

Image & Media Tools

Image Cropper

Drag to crop any image — runs 100% in your browser via the Canvas API.

How to use:

  • Drag an image onto the drop zone or click to upload
  • Drag on the image to set the crop region; drag again to fine-tune
  • Click “Crop & Download” to save the cropped PNG

Use cases:

  • Cropping profile pictures to square for social media
  • Trimming screenshots before sharing
  • Preparing product images for e-commerce listings

Tiny Image Editor

Adjust brightness, contrast, grayscale, rotate, and flip — all via the Canvas API.

How to use:

  • Upload an image (drag or click)
  • Adjust sliders for brightness (0–200%), contrast (0–200%), grayscale (0–100%)
  • Use the rotate left/right and flip horizontal/vertical buttons
  • Click “Download PNG” to save; “Reset all” to undo

Use cases:

  • Quick photo touch-ups before sharing
  • Converting color images to grayscale for printing
  • Rotating sideways photos to the correct orientation

Color Picker

Pick a color from a palette or your screen, and get HEX, RGB, and HSL values instantly.

How to use:

  • Click the big colored square to open your OS native color picker
  • Chrome/Edge users: click “Pick from screen” to use the EyeDropper API
  • Click any output (HEX, RGB, HSL) to copy it
  • Quick-pick from the 28-color palette at the bottom

Use cases:

  • Matching brand colors when designing websites
  • Extracting colors from a screenshot for a design system
  • Converting between HEX, RGB, and HSL for CSS

Image Format Converter

Convert images between PNG, JPG, and WebP — batch supported.

How to use:

  • Drag multiple images onto the drop zone
  • Choose the target format (PNG, JPG, or WebP)
  • For JPG/WebP, set the quality (10–100%)
  • Click “Convert & Download” — all converted files download at once

Use cases:

  • Converting PNG screenshots to JPG for smaller email attachments
  • Batch-converting images to WebP for faster websites
  • Converting transparent PNGs to JPG (white background auto-added)

Image Compressor

Shrink JPG and WebP files with a quality slider and live file-size preview.

How to use:

  • Upload one or more images
  • Adjust the quality slider (10–100%); previews update in real-time
  • Switch between JPG and WebP output
  • See total savings percentage; click “Download all” to save

Use cases:

  • Reducing image sizes for email attachments
  • Optimizing website images for faster page loads
  • Compressing photos before uploading to size-limited platforms

CSS Gradient Generator

Create visual linear, radial, and conic gradients with copy-ready CSS.

How to use:

  • Choose gradient type (linear, radial, conic)
  • Add color stops (2–6); click any stop to change its color
  • Adjust the angle (for linear/conic) or shape/position (for radial/conic)
  • Click a preset for inspiration, or “Randomize” for a surprise
  • Copy the CSS with one click

Use cases:

  • Designing hero section backgrounds for websites
  • Creating social media post backgrounds
  • Generating button or card hover effects

Text & Dev Tools

JSON Formatter

Beautify, minify, and validate JSON with instant error messages.

How to use:

  • Paste JSON into the text area
  • Click “Beautify” (with 2 or 4 space indent) or “Minify”
  • Validity is shown in real-time with a green checkmark or red error message

Use cases:

  • Debugging API responses during development
  • Cleaning up minified JSON config files
  • Validating JSON before deploying to production

Base64 Encoder/Decoder

Convert text to and from Base64 — Unicode-safe for emoji and CJK characters.

How to use:

  • Type text in the top field, click “Encode” to get Base64
  • Paste Base64 in the bottom field, click “Decode” to get text
  • Use the swap button to flip the two fields

Use cases:

  • Encoding data URIs for inline images in HTML/CSS
  • Decoding JWT token payloads
  • Embedding binary data in JSON APIs

Password Generator

Generate cryptographically secure passwords with custom length and character sets.

How to use:

  • Set length (4–64 characters) with the slider
  • Toggle lowercase, uppercase, numbers, symbols
  • Optionally exclude ambiguous characters (O, 0, I, l, 1, |)
  • View the strength meter; click “Copy” to save

Use cases:

  • Creating strong passwords for new accounts
  • Generating API keys and tokens
  • Temporary passwords for user onboarding

Word / Character Counter

Live counts of words, characters, sentences, paragraphs, lines, and estimated reading time.

How to use:

  • Type or paste text — counts update in real-time
  • View six statistics: words, characters, no-spaces, sentences, paragraphs, lines
  • Reading time is estimated at 200 words per minute

Use cases:

  • Meeting essay or article word count requirements
  • Writing meta descriptions (155 characters) and title tags (60 characters) for SEO
  • Estimating reading time for blog posts

QR Code Generator

Turn any text or URL into a downloadable QR code with customizable colors and size.

How to use:

  • Enter text or a URL (or use a preset like WiFi, Email, SMS)
  • Choose foreground and background colors
  • Adjust the size (128–512px)
  • Click “Download PNG” to save

Use cases:

  • Creating QR codes for WiFi sharing at cafes
  • Generating vCard or URL QR codes for business cards
  • Linking print materials to online content

UUID Generator

Batch-generate RFC 4122 v4 UUIDs with optional uppercase and hyphen toggles.

How to use:

  • Choose a variant (standard v4, uppercase, short 8-char, nil)
  • Set how many UUIDs to generate (1–50)
  • Toggle hyphens and uppercase as needed
  • Click any UUID to copy, or “Copy all” for the whole batch

Use cases:

  • Generating unique IDs for database records
  • Creating test data for software development
  • Generating session tokens for prototypes

Hash Generator

Generate MD5, SHA-1, SHA-256, SHA-384, and SHA-512 hashes simultaneously.

How to use:

  • Type or paste text in the input field
  • All five hashes are computed and displayed instantly
  • Click any hash to copy it; toggle uppercase if preferred
  • Select a specific algorithm from the dropdown to focus on one

Use cases:

  • Verifying file integrity with checksums
  • Generating Git commit-style hashes
  • Testing password hashing behavior (SHA-256)

URL Encode / Decode

Convert text to and from URL-encoded format (encodeURIComponent / decodeURIComponent).

How to use:

  • Type plain text, click “Encode” to URL-encode it
  • Paste encoded text, click “Decode” to restore it
  • Use the swap button to flip fields

Use cases:

  • Encoding query string parameters with special characters
  • Decoding URLs from analytics tools or logs
  • Building API requests with embedded data

Case Converter

Convert text between 12 cases: UPPER, lower, Title, Sentence, camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE, and more.

How to use:

  • Type or paste text in the input field
  • Click any case button to convert and copy in one click
  • Each preview shows the result before you click

Use cases:

  • Converting variable names between camelCase and snake_case when porting code
  • Formatting titles for blog posts or headlines
  • Cleaning up ALL CAPS text from emails or messages

Frequently Asked Questions

Is my data safe?

Yes. All tool operations happen entirely in your browser. Nothing you type, paste, or upload is transmitted to any server. See our Privacy Policy for details.

Do the tools work offline?

Yes. TinyToolkit is a Progressive Web App (PWA). After your first visit, the app shell is cached by the service worker. Click the install icon in your browser's address bar to add it to your device — it will work without an internet connection.

Can I use TinyToolkit on mobile?

Absolutely. The entire site is mobile-first responsive. Touch targets are at least 44px, and the Pomodoro Timer, calculators, and formatters all work with on-screen keyboards.

How do I install TinyToolkit as a PWA?

On Chrome or Edge (desktop or Android), look for the install icon in the address bar or use the menu → “Install app”. On iOS Safari, use the Share button → “Add to Home Screen”.

Are there keyboard shortcuts?

The Standard and Scientific Calculators support keyboard input (digits, operators, Enter, Backspace, Escape). Other tools use standard browser shortcuts (Ctrl+C to copy, Ctrl+V to paste).

Can I suggest a new tool?

Yes! We add new tools regularly based on user feedback. Visit our Contact page to tell us what you need.