Apps & Tools

Web tools and mini-apps I've built.

🖼️

Image to Base64

Convert images to Base64 encoded strings instantly in your browser. No uploads, fully private.
🔄

Base64 to Image

Convert Base64 encoded strings back into viewable, downloadable images. No uploads, fully private.
⏱️

Timer & Stopwatch

A simple countdown timer and stopwatch. Link directly to a preset, e.g. #5minutes.
🆔

UUID Generator

Generate one or many random UUID v4 values instantly in your browser.
🔑

Password Generator

Generate strong random passwords or passphrases with a live strength meter.
🔒

Hash Generator

Generate SHA-1, SHA-256, SHA-384, and SHA-512 hashes of any text.
🕓

Unix Timestamp Converter

Convert Unix timestamps to human-readable dates and back.
🔗

URL Encoder / Decoder

Encode or decode URL components instantly in your browser.
🔤

Case Converter

Convert text between camelCase, snake_case, kebab-case, and more.
🎨

Color Converter

Convert colors between HEX, RGB, and HSL with a live picker.
📝

Word & Character Counter

Count words, characters, sentences, and estimate reading time.
🧹

Text Cleaner

Trim whitespace and collapse blank lines in messy pasted text.
📄

Lorem Ipsum & Dummy Data

Generate placeholder text or fake names, emails, and UUIDs.
🗂️

JSON Formatter & Validator

Format, validate, minify, and explore JSON in a collapsible tree.
🔁

JSON, YAML & CSV Converter

Convert data between JSON, YAML, and CSV formats.
📃

Markdown Live Preview

Write Markdown and see it rendered live as HTML.
🔍

Regex Tester

Test regular expressions with live match highlighting and groups.
📊

Diff Checker

Compare two blocks of text line by line with highlighted changes.
🪙

JWT Decoder

Decode a JWT's header and payload (no signature verification).
🗃️

SQL Formatter

Pretty-print SQL queries with keyword casing and indentation.
📦

CSS / JS Minifier & Beautifier

Minify or beautify CSS and JavaScript with no build step.
📐

Unit Converter

Convert length, weight, temperature, and data storage units.
📏

Aspect Ratio Calculator

Find a ratio from dimensions, or a missing width or height.
✨

CSS Gradient, Shadow & Radius Playground

Interactively build gradients, shadows, and border radii.
🔳

QR Code Generator

Generate a QR code from any text or URL, downloadable as PNG.
🧩

Favicon Generator

Resize an image into standard favicon sizes, download as PNG.
🍅

Pomodoro Timer

A configurable work/break cycle timer that auto-advances.
🗒️

Markdown Notepad

A Markdown notepad with live preview that auto-saves locally.

Adding a React App

To serve a React app from this site:

  1. Build your React app with npm run build (Create React App / Vite)
  2. Copy the build output into apps/your-app-name/
  3. Add a card in _pages/apps.md linking to /apps/your-app-name/
  4. Commit and push — GitHub Actions will deploy it automatically

The built React app is served as static files, so it works perfectly with GitHub Pages.