AI-Generated Web Tools Tiny experiments ยท AI-assisted

๐Ÿค– AI-assisted code
๐Ÿงช Sandbox projects
๐Ÿ’ป Pure HTML / JS
Filter by tags (multi-select):

What is this?

This repo is a small playground for tiny web apps and visual experiments. Most of them were created with the help of different AI models (I often use Claude and Gemini), plus some manual tweaking.

  • Each idea lives in its own folder.
  • Everything is static โ€“ just HTML, CSS and JavaScript.
  • Use the tag filters on the right to find tools by topic or model.
โš™๏ธ Note: All tools here are AI-assisted. Code was generated and edited using language models, then adjusted by hand where needed.
Tool ยท Language learning

๐Ÿ”ค JLPT N5 Kanji Drill

Simple kanji practice page for JLPT N5 learners. Designed for quick drills, browsing characters and testing yourself.

๐ŸŽฏBeginner Japanese
๐Ÿ”คJLPT N5 kanji
๐Ÿ“šStudy tool
๐ŸงชPractice mode
๐Ÿง Recognition focus
AI-assisted โ€ข Claude
Tool ยท Simulation

๐Ÿฆ… Boids + Predatorโ€“Prey

Interactive flocking simulation with predators, reproduction and starvation. Tune parameters live and watch the ecosystem evolve.

๐Ÿฆ…Flocking boids
๐Ÿ‘พPredatorโ€“prey
๐Ÿ“ˆEmergent behavior
๐ŸŽ›๏ธReal-time controls
AI-assisted โ€ข Claude
Tool ยท Productivity

๐Ÿ““ LocalNotes โ€“ Notion-like

Local, Notion-inspired editor with blocks, slash commands, multiple choice questions, math support and light/dark theme.

๐Ÿ““Notion-like editor
๐ŸงฑBlock-based editor
โˆ‘KaTeX equations
๐Ÿ’พLocalStorage save
AI-assisted โ€ข Claude
Tool ยท Japanese text

๐Ÿ–๏ธ JP Text Highlighter โ€“ Furigana & Romaji

Japanese text helper for studying lyrics and sentences: switch between kanji + furigana and romaji, highlight segments in different colors, and save your highlights as JSON.

๐Ÿ–๏ธText highlighter
๐Ÿ” Furigana / romaji
๐ŸŽตLyrics study
๐Ÿ“šStudy tool
๐ŸŽจColor coding
AI-assisted โ€ข Claude
Tool ยท Spreadsheet

๐Ÿ“Š SheetClone โ€“ Mini Spreadsheet

Small spreadsheet-like app with formulas, formatting, multiple sheets and charts. Useful for experimenting with grid logic and data manipulation directly in the browser.

๐Ÿ“ŠMini spreadsheet
๐Ÿ“Formula support
๐ŸงพMultiple sheets
๐ŸŽจCell formatting
๐Ÿ“ˆCharts
AI-assisted โ€ข Gemini
Experiment ยท Arcade Game

๐ŸŒ’ Lunar Miner

A 2D lunar mining arcade experiment made with p5.js: dig through low-gravity terrain, collect crystals, avoid collapsing tiles, and survive as long as possible.

๐Ÿ•น๏ธArcade platformer
๐Ÿ’ŽCrystal collecting
โŒจ๏ธKeyboard controls
๐Ÿงชp5.js experiment
Experiment ยท 3D Visuals

โœจ Drone Light Show

An interactive 3D drone light show built with Babylon.js: dynamic formations, adjustable drone count, animation speed, and cinematic camera paths.

๐Ÿ›ฐ๏ธDrone swarm
๐ŸงญCamera paths
๐Ÿ“Babylon.js scene
๐ŸงชGraphics experiment
Tool ยท Game

โš”๏ธ MicroRTS game

A tiny browser-based real-time strategy prototype inspired by Age of Empires โ€” with villagers, resources, buildings, and training queues.

๐Ÿง‘โ€๐ŸŒพVillagers & gathering
๐Ÿ Build structures
๐ŸŽ›๏ธPause + speed control
๐Ÿ—บ๏ธMinimap
AI-assisted โ€ข Claude
Experiment ยท WebGPU Simulation

๐ŸŒŒ N-Body Gravity Simulation

N-body gravitational simulation with a WebGPU compute shader (tiled shared-memory) and a WebGL2 fallback. Real-time controls, multiple scenarios, and lots of particles.

๐ŸงฎO(Nยฒ) tiled compute
โšกWebGPU compute
๐Ÿ›ฐ๏ธGalaxy scenarios
๐ŸŽ›๏ธLive controls
AI-assisted โ€ข Claude
Tool ยท RTS Space Battle

๐Ÿ›ธ VOID COMMAND game

2D RTS space battle sandbox. Build your fleets, tweak ship types and AI behavior, then watch massive battles play out with replays, batch simulations and training runs.

๐Ÿš€Space fleet combat
โš™๏ธFormations & targeting
๐Ÿ“ŠBatch sims & stats
โชReplay timeline
Experiment ยท WebGPU Visuals

๐ŸŽ† Fireworks Show

High-density WebGPU fireworks with multiple effect types, auto-show mode, manual type selection, and deep control over color, scene and particle detail.

๐ŸŽ‡10+ firework types
โšกWebGPU particles
๐ŸŽจHue & intensity sliders
๐ŸŒ†City/scene controls
Experiment ยท Gravitational Lensing

๐Ÿ•ณ๏ธ Black Hole Lensing

Real-time WebGPU black hole renderer with Schwarzschild-inspired ray marching, accretion disk, Doppler effects, starfield, nebula and cinematic camera controls.

๐ŸŒŒGravitational lensing
โšกWebGPU ray marching
โœจStars & nebula noise
๐ŸŽฅCinematic mode
Game ยท Retro submarine shooter

๐Ÿšข Abyss Runner

Retro CRT-style underwater shooter with torpedoes, enemy submarines, mines, checkpoints, air, lives and score tracking.

๐ŸŽฎArcade action
๐ŸšขSubmarine combat
๐Ÿ“บCRT visuals
๐Ÿ”ŠProcedural audio
Experiment ยท Neuroevolution

๐Ÿง  Abyss Runner โ€” Neural Evolution Lab

A population of autonomous submarines learns to survive the Abyss Runner world through neural networks, selection, crossover and mutation.

๐ŸงฌGenetic algorithm
๐Ÿง Neural agents
๐Ÿ“ˆFitness tracking
๐ŸšขAutonomous subs
Experiment ยท WebGPU simulation

๐Ÿฆ Murmuration โ€” WebGPU Boids

High-density 3D flocking simulation with up to hundreds of thousands of boids, obstacle avoidance and live behavior controls.

๐ŸฆMassive flocking
โšกWebGPU compute
๐ŸงญOrbit camera
๐ŸŽ›๏ธLive parameters
Game ยท ROM analysis experiment

๐Ÿ’ฃ Bomberman โ€” ROM-Derived Remake

Browser remake and technical study featuring decoded cartridge graphics, live game state, extracted tilesheets and documented 6502 routines.

๐Ÿ’ฃClassic gameplay
๐ŸงฉDecoded CHR tiles
๐Ÿง 6502 analysis
๐Ÿ•น๏ธKeyboard controls
Gallery ยท Chaos and fractals

๐ŸŒ€ The Math Beauty Gallery

Interactive gallery of roughly 50 chaotic systems, strange attractors, fractals and mathematical visualizations with adjustable parameters.

๐ŸŒ€Strange attractors
๐Ÿ”ขLive equations
๐ŸŽ›๏ธCurated presets
๐Ÿ–ผ๏ธPNG export
Simulation ยท Emergent societies

๐Ÿ›๏ธ Civilization Simulation

Agent-based civilization sandbox with tribes, settlements, trade, technology, conflict, disease, disasters and evolving traits.

๐Ÿ‘ฅAgent population
๐Ÿ˜๏ธSettlements
๐ŸคTrade & conflict
๐ŸŒช๏ธDynamic disasters
Tool ยท Imaging pipeline

๐Ÿ“ท Computational Imaging Lab

Interactive imaging workstation for HDR fusion, deconvolution, multi-frame night processing, frequency analysis and shader-based experiments.

๐ŸŒ—HDR fusion
๐Ÿ”ฌDeconvolution
๐ŸŒ™Night stacking
๐Ÿ“ŠFrequency analysis
Generator ยท Procedural mineralogy

๐Ÿ’Ž Crystal Druse Generator

Procedural crystal specimen generator with mineral species, host shapes, growth controls, inclusions, optics and material settings.

๐Ÿ’ŽCrystal growth
๐ŸชจHost surfaces
โœจOptical controls
๐ŸŽ›๏ธProcedural parameters
Game ยท GPU co-evolution

โš”๏ธ Crystal Wars โ€” Evolution

WebGPU battle lab where two tactical lineages evolve unit mixes, bomber behavior and watchtower placement across generations.

๐ŸงฌCo-evolution
โšกGPU battles
๐ŸฐTactical genomes
๐Ÿ“ˆFitness history
Lab ยท Coherent imaging

๐Ÿ”ญ Digital Holography Console

Digital holography console for recording and reconstructing coherent scenes with wavelength, depth, sensor and reference-angle controls.

๐ŸŒŠWave propagation
๐Ÿ“Depth control
๐Ÿ”ฌSensor model
๐Ÿ–ผ๏ธReconstruction views
Simulation ยท Earthquake intensity

๐Ÿ—พ Japan Seismic Simulation

Interactive Japan earthquake model with configurable magnitude, depth and attenuation, MMI intensity mapping and city seismograms.

๐ŸŒ‹Seismic model
๐Ÿ—พJapan map
๐Ÿ“‰City seismograms
๐Ÿ“MMI intensity
Simulation ยท Sensor scanning

๐Ÿ“ก LiDAR Sensor Simulation

Configurable 2D and 3D LiDAR simulator with scan frequency, angular resolution, noise, dropout, presets and moving objects.

๐Ÿ“กRay scanning
โ˜๏ธPoint clouds
๐ŸญScene presets
๐ŸŽ›๏ธSensor controls
Simulation ยท Mapping and localization

๐Ÿค– LiDAR ยท SLAM Simulation

3D LiDAR SLAM visualization with ground-truth and estimated poses, drift, ICP registration, point clouds and reconstructed mapping.

๐Ÿค–SLAM pipeline
๐Ÿ“กVLP-16 emulation
๐Ÿ—บ๏ธMap reconstruction
๐Ÿ“Pose drift
Tool ยท Trail planner

โ›ฐ๏ธ Mountain Routes

Map-based mountain route planner with GPX tools, smoothing, simplification, map matching and multi-track centerline merging.

โ›ฐ๏ธTrail planning
๐Ÿ—บ๏ธInteractive map
๐Ÿ“GPX workflow
๐ŸงฎRoute merging
Experiment ยท Particle field

โœจ FIELD/100K โ€” WebGPU Particle Lab

Interactive WebGPU particle field with gravity, repulsion, cursor forces, damping and selectable particle counts.

โœจ100K+ particles
โšกWebGPU compute
๐ŸงฒCursor forces
๐ŸŽ›๏ธPhysics controls
Game ยท Card classic

โ™ ๏ธ Klondike Solitaire

Self-contained browser version of Klondike Solitaire with move counting, timer, new-game controls and win detection.

โ™ ๏ธKlondike rules
๐ŸƒDrag-and-drop play
โฑ๏ธTimer & moves
๐Ÿ†Win detection
Game ยท Procedural defense

๐Ÿฐ Procedural Tower Defense

Tower defense game with generated paths, multiple tower types, upgrades, mines, a nuke ability, speed controls and 20 waves.

๐ŸฐTower building
๐ŸŒŠ20 waves
โฌ†๏ธUpgrades
๐Ÿ’ฅActive abilities