
A11y Contrast Grid Generator
AccessibilityGenerate a comprehensive accessibility matrix comparing all background and foreground color combinations against WCAG 2.1 contrast guidelines.
A growing collection of developer tools, resume themes, and portfolio templates — each a single, self-contained HTML file. No build step. No dependencies. No frameworks.
Generators, validators, and utilities — every one a single HTML file you can open straight from disk. Search by name, description, or tag.
17 tools

Generate a comprehensive accessibility matrix comparing all background and foreground color combinations against WCAG 2.1 contrast guidelines.

Visually create and customize robots.txt files with support for multiple user-agents, crawl rules, sitemaps, and instant code generation.

Visually create and customize CSS cubic-bezier() easing functions with a live animation preview.

A simulated bash terminal to play with and learn common commands, entirely in your browser.

Paste a git log excerpt and generate interactive-rebase plans + normalized Conventional Commits suggestions.

Build Conventional Commits-formatted commit messages with live preview and validation.

Visually create CSS animations and export keyframes without manually writing CSS.

Compare multiple CSS easing curves side-by-side on a shared graph and in an animated race preview.

Instantly convert between px, rem, em, vw, vh, and percentages.

Construct ready-to-run cURL commands for REST APIs with headers, auth, body types, query params, and file uploads.
Generate a complete favicon pack and integration tags from any image, offline.

Generate boilerplate .gitignore files for various technologies instantly, offline.

Generate a professional GitHub profile README with live stats and an editable preview.

Convert between JSON and CSV formats with bidirectional conversion.

Write and preview Markdown in real time, offline.

A standalone Sitemap Generator that helps users create valid XML sitemaps for websites entirely offline.

Convert between YAML and JSON in either direction, with validation and pretty-printed output.
ATS-friendly resume themes generated from a single JSON file. Zero JavaScript, A4 print-ready.

Clean single-column layout. ATS-compliant, zero JavaScript, A4 print-ready. System fonts only.
Preview
Two-column layout, Immersive starry backdrop, Glowing elements, Monospace typography.
Preview
Two-column layout, Retro-futuristic vibe, Vivid color scheme, Subtle animations.
Preview
Two-column layout, Warm linen paper background, Editorial type pairing and dusty plum accents.
Preview
Two-column layout, Black, grey, and white color scheme, Minimalist and clean.
Preview
Two-column layout, Rounded card design, Muted teal accent with brass honours, A4 print-ready.
Previewprofile.json — edit your data once, get every theme.
Developer portfolio themes generated from a single JSON file. Dark/light mode, responsive.

An elegant, sandy theme with a golden-beige gradient and bronze accents.
Preview
Dark developer-focused portfolio with project cards, skills grid, experience timeline, and testimonials.
Preview

A cute and minimalist theme with an animated gradient background and soft color scheme.
Preview
A CRT-inspired desktop interface with a retro operating system aesthetic.
Preview
A dark, futuristic theme with an animated starfield background and monospace typography.
Previewprofile.json — edit your data once, get every theme.
Interactive, gamified lessons for learning Git, CSS, and JavaScript by doing — each one a single HTML file with progress saved locally in your browser.
15 quests

A bioluminescent deep-sea simulator that teaches CSS @keyframes, animation timing, and easing functions through environmental survival.

Find and fix accessibility (a11y) issues in broken HTML snippets.

A lightweight Git quest (Easy) to learn checkout basics by navigating a commit graph with `git log`, `git branch`, and `git checkout`.

Escape puzzle rooms by solving JavaScript closure, lexical scope, callback, and private state challenges.

Master CSS Grid through interactive layout challenges.

A heist caper where every vault lock is a Flexbox puzzle — write real CSS to slide gold bars onto their targets, judged live by the browser's own layout engine, scored on how few properties you use.

Interactive memory profiling and garbage collection diagnostic simulator for learning JavaScript memory management and leak prevention.

A heist-themed JavaScript quest where you orchestrate Promise chains and queueMicrotask calls to produce an exact execution order.

Master CSS selectors through interactive golf-style challenges by writing the shortest valid selector to match target elements.

Learn and practice SQL queries in the browser with an interactive SQLite WASM database across progressive levels.

A field excavation of version history; an interactive Git rebase simulator that turns commit history cleanup into an archaeological dig.

A fast-paced CLI speed run challenge where you execute common terminal commands against the clock.

A Git survival horror arcade game where stale branches spawn, rot, and threaten to consume main—merge, rebase, or delete them before decay reaches 100%.

A horror-themed terminal escape room that teaches real Git commands — staging, detached HEAD, conflict resolution, and force pushing — under a draining sanity meter.

Interactive web security quest game teaching Cross-Site Scripting (XSS) prevention, HTML sanitization, and Content Security Policy (CSP) headers.
Premium UI showcases — dashboards, landing pages, and components built with CSS frameworks and JS libraries via CDN. Single HTML file, maximum creativity.
0 designs
Real, playable musical tools — synthesizers, drum machines, chord libraries, and ear trainers, each a single HTML file with genuine audio output via the Web Audio API.
6 instruments

A circular rhythm studio using the Euclidean algorithm across concentric glowing rings to create complex polyrhythms.

A dual-oscillator browser synthesizer featuring custom waveform drawing on frosted glass, dynamic ADSR envelopes, and lush reverb.

A skeuomorphic guitar neck to explore chord voicings and fingerings, featuring physical-modeling acoustic strumming via mouse swipes.

A real-time bridge between standard musical notation and a visual piano keyboard for interactive theory and harmony learning.

An 8x8 neon neumorphic performance grid synthesizer mapped to a Pentatonic scale with real-time audio and dynamic ripple animations.

A sleek neumorphic 808-style drum machine and step sequencer powered by the Web Audio API with real-time controls.
Quick multiple-choice challenges to test your Git, CSS, and JavaScript knowledge — each one a single HTML file with progress saved locally.
8 quizzes

Master JavaScript closures by solving interactive puzzles across 10 levels covering scope, lexical bindings, private variables, and the module pattern.

A 10-level quiz with a retro terminal theme to test your command-line knowledge.

Learn CSS Grid through 6 interactive challenges.

Escape themed programming rooms by solving interactive puzzles covering HTML, CSS, JavaScript, Git, APIs, and JSON while unlocking new challenges.

A 10-level quiz with a retro terminal theme to test your Git command knowledge.

Guess the right status code for a scenario in this interactive quiz.

Test your understanding of JavaScript type coercion through interactive multiple-choice challenges.

Master Git branching through 8 interactive challenges covering create, list, switch, delete, merge, fast-forward, conflicts, and rebase.