Demos
Interactive demos showcasing development skills across various technologies.
D&D Town Generator
Procedurally generate fantasy towns for your tabletop campaign. Choose size (hamlet to city) and terrain, then click any building to reveal its name, key NPCs, adventure hooks, and a personal DM notes field.
Generate Town3D / CAD Model Viewer
A full-featured 3D model viewer with orbit controls, built-in procedural CAD models (spur gear, coil spring, hex nut & bolt, turbine disk), and drag-and-drop file loading for STL, OBJ, and GLTF/GLB files. Toggle wireframe, edges, grid, and tune material properties.
Open 3D ViewerTerraform Visualizer
Paste any Terraform configuration and get an instant dependency graph. Resources, data sources, variables, and outputs are parsed and visualized as an interactive force-directed graph. Click nodes to inspect dependencies; drag to rearrange.
Open VisualizerAnsible Visualizer
Paste any Ansible playbook and instantly see what gets deployed to each host — packages installed, services managed, files configured, users created, firewall rules, and cron jobs. Switch between host, play, and module views.
Open VisualizerAI Studio
Three Claude-powered tools in one place: a streaming chat interface, image analysis with vision, and a writing assistant for summarizing, improving, and transforming text. Bring your own Anthropic API key.
Open AI Studio2D Platformer
A polished 2D platformer with three levels of increasing difficulty. Features smooth physics with coyote time and jump buffering, stompable enemies, collectible coins, and per-level themes.
Play PlatformerVirtual Building Tour
An interactive 360° virtual tour of a commercial building. Drag to look around in any direction and click arrow hotspots to walk between the lobby, conference room, open office, and executive suite.
Start TourLive Code Complexity Analyzer
Paste JavaScript and get instant cyclomatic & cognitive complexity scores per function, a D3 force-directed dependency graph, side-by-side diff mode, history, shareable URLs, and AI refactor suggestions via the Claude API.
Open AnalyzerInfrastructure Health Dashboard
A live full-stack monitoring dashboard that ingests simulated server metrics into a SQLite database and visualizes CPU, memory, response time, and network traffic in real-time with automatic alerting.
Open DashboardSand Simulation
A real-time physics simulation where you can draw sand and brick particles. Sand falls and interacts with other particles, demonstrating particle physics and collision detection.
Try the Sand SimulationMemory Card Game
A classic memory matching game built with React. Test your memory by flipping cards to find matching pairs. Features a timer, move counter, and difficulty levels.
Play Memory GameInteractive Particle System
A real-time particle system that responds to mouse movements. Create visual effects with customizable particle properties like size, color, velocity, and lifespan.
Try Particle SystemRegex Tester
Live regular expression testing with real-time match highlighting, capture group details, flag toggles (g/i/m/s), 12 common pattern presets, and a built-in regex cheatsheet.
Open Regex TesterJSON Formatter
Prettify, minify, and explore JSON with syntax highlighting and a collapsible tree view. Sort keys, adjust indentation, and copy output in one click.
Open JSON FormatterEncoder / Decoder
Encode and decode text using Base64, URL encoding, or HTML entities. Supports real-time conversion, file-to-Base64 encoding with image preview, and a handy reference table.
Open Encoder/DecoderCron Explainer
Paste any cron expression — get an instant plain-English description, a field-by-field breakdown, and the next 10 scheduled run times. Supports all standard syntax plus @weekly, @daily, @hourly shorthands.
Open Cron ExplainerCSV Chart Builder
Paste or upload CSV data and instantly generate bar, line, scatter, or pie charts. Auto-detects headers, lets you pick X/Y columns, and exports the result as a PNG.
Open Chart BuilderKanban Board
A drag-and-drop kanban board with add/delete columns and cards, colour labels, optional descriptions, and automatic localStorage persistence across page reloads.
Open Kanban BoardFluid Simulation
Mouse-interactive fluid simulation using Jos Stam's stable Navier-Stokes solver. Drag to inject dye and velocity. Choose from Fire, Ocean, Neon, Plasma, or Mono colour palettes.
Open Fluid Simreturn code.trim();
}
Code Formatter Tool
An online code formatting tool that supports multiple programming languages. Format, minify, and beautify your code with customizable indentation and line break options.
Try Code FormatterResponsive Website Template
A clean, modern website template with responsive design. Includes mobile-friendly navigation, a flexible grid layout, and customizable components for quick project setup.
View TemplateScientific Calculator
A fully functional scientific calculator with support for basic arithmetic, trigonometric functions, logarithms, and memory operations. Works on mobile and desktop.
Use CalculatorCoffee Shop Tycoon
An idle tycoon game where you build and manage a coffee shop empire. Click to serve customers, buy upgrades for passive income, and prestige to unlock permanent bonuses.
Play Coffee Shop TycoonAether Wars
A real-time strategy game where you command a crystal civilization against the Red Shadow. Mine crystals, train Skirmishers, Strikers, and Titans, then possess units directly to fight on the front line.
Play Aether WarsTic-Tac-Toe
A classic two-player Tic-Tac-Toe game with win detection and score tracking. Play against a friend on the same device.
Play Tic-Tac-ToeSnake Game
A classic canvas-based Snake game with smooth controls, increasing speed, score tracking, and a high score saved in localStorage. Use arrow keys or WASD to steer.
Play SnakeConway's Game of Life
An interactive cellular automaton simulation. Click or drag to draw live cells, then watch patterns evolve. Features play/pause, step, random seed, and adjustable speed.
Open Game of LifeTyping Speed Test
Test and improve your typing speed with character-by-character feedback. Live WPM, accuracy, and timer. Multiple passages of varied difficulty, with a results screen on completion.
Take Typing TestColor Palette Generator
Generate harmonious color palettes from any base color. Supports complementary, analogous, triadic, split-complementary, tetradic, and monochromatic schemes. Lock colors and export hex codes.
Open Palette GeneratorMandelbrot Explorer
An interactive Mandelbrot set explorer powered by a hand-written WebAssembly module that renders full frames into shared memory. Pan, zoom, switch color schemes, and adjust iteration depth in real time.
Explore FractalWASM Image Processor
Upload any image and apply pixel filters — grayscale, sepia, invert, brightness — using a hand-crafted WebAssembly module operating on shared memory. Shows WASM processing time vs. JS data-copy overhead.
Open Image Processor