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