11 Vibe Coding Examples: AI-Built Apps, Games & Tools

Create a Fruit Ninja-style 3D math game. Fruits fly upward in parabolic arcs, each displaying a math equation. A target number is shown at the top. Players swipe to slash only the fruits whose equation equals the target. Include: Three.js 3D rendering with sphere fruits that split into halves when sliced, a glowing blade trail on the 2D canvas layer, particle explosions and star bursts on correct slashes, 8 progressive levels (addition, subtraction, multiplication, mixed ops), combo streak scoring, 3 lives system, round-based progression with 5 correct answers to advance, screen shake on wrong answers, Web Audio API sound effects, a first-time tutorial overlay, and a dark space-purple shader background. Touch and mouse input. Responsive.

Create a mirror tracing brain test using Three.js. Build a 3D desk scene with a physical mirror that reflects a paper with a star outline via render-to-texture. The player traces the star channel by moving the mouse on the mirrored surface — horizontal movement is reversed. Track boundary errors, channel accuracy percentage, and completion time. Use an orthographic camera for the mirror's top-down paper view and a perspective camera for the main scene. Include a pencil that follows the cursor on the paper, a green start dot, colored trail (green=in bounds, red=out), segment-based progress tracking, and a letter grade result screen (S through F). Dark minimal aesthetic with IBM Plex fonts.

Create a 3D matchstick puzzle game using Three.js and React. Matchsticks are arranged as seven-segment display digits forming an incorrect equation like '5 + 3 = 6'. Players click to pick up a matchstick, then click an empty slot to place it and fix the equation. Use realistic matchstick models with wooden bodies and red phosphorus tips on a dark wood table. Add smooth lerp-based flight animations for pick/place, ghost outlines for empty slots, and a multi-layered fire/smoke/ember particle celebration on solve. Include 3 progressive puzzles, level dots, move counter, hint system, and warm amber lighting with PCF soft shadows.

Build a first-person 3D meadow environment in React with Three.js. Generate a vast procedural grass field using InstancedBufferGeometry with 2M+ blades across chunked regions, each with custom vertex/fragment shaders for wind animation, subsurface translucency, and distance fog. Include procedural terrain via layered sine functions, three tree types (oak, pine, birch) with branching trunks and leaf clusters on canvas textures, scattered wildflowers (daisies, poppies, lavender, tall stems), rock formations, and volumetric clouds. Add a custom sky shader with sun glow. Include FPS controls with WASD movement, mouse look, pointer lock, a viewmodel weapon, and a fireball projectile system with gravity, particle trails, and ground-impact explosions. Show an FPS counter and crosshair HUD.

Create a 3D isometric lumberjack math game using Three.js. The player walks around a low-poly forest with WASD, chops trees with SPACE to drop logs containing random numbers, and collects them with E. Place workbenches where players open a crafting panel to combine two collected numbers with an operator (+, −, ×) to hit a target number. Include progressive difficulty levels, score tracking, particle effects on chop and collect, tree respawning, camera rotation via mouse drag, a full HUD with resource counts, and a cozy dark-forest color palette with gold UI accents. Ortho camera, shadow mapping, fog.

Create a 3D drone flight simulator using Three.js. Include a catapult launch pad with a charge-and-release mechanic, realistic aerodynamics with lift/drag/stall modeling based on angle of attack, and a procedural terrain generated with simplex noise. Add 6 named recon targets (military base, village, industrial zone, radar outpost, port, comm tower) with 3D buildings. Include a chase/orbit/FPV camera system, a belly-cam picture-in-picture with REC indicator, a minimap with ground track, a full flight data HUD, and an optional aerodynamics lab overlay showing live force equations and a CL-vs-alpha stall curve chart. Use GPU particle shaders for fire and smoke effects on launch. Military green-on-black HUD aesthetic with Share Tech Mono and Rajdhani fonts.

Create a 3D brick building tool using Three.js. Include a green LEGO-style baseplate with a 32x32 grid, 5 brick types (1x1, 1x2, 2x2, 4x2, slope wedge) with studs and edge lines, 7 colors, ghost preview on hover, and click-to-place mechanics. Add 4 preset template builds (pyramid, rocket, Eiffel Tower, house) that animate bricks flying in along bezier curves with particle trails and burst effects on landing. Include orbit camera with right-drag, scroll zoom, undo/clear, and a build progress bar. Dark space-purple aesthetic with yellow accent UI.

Build a realistic FDM 3D printer simulator using Three.js. Include a detailed printer frame with corner pillars, heated bed with grid, gantry system, print head with heat block and nozzle, a filament spool that spins and shrinks during printing, and a dynamic Bowden tube that follows the nozzle. Implement layer-by-layer printing where each layer is defined by polygon cross-sections extruded at the correct height. Include 4 selectable models (table, fox, vase, chess rook) with different cross-section profiles. Add full orbit controls with mouse drag, right-click pan, scroll zoom, and touch support. Use a clean industrial aesthetic with a light gray background, blue filament accent, and monospace HUD showing layer count, height, and progress.

Create a 3D endless runner game using Three.js and React. The player is a cartoon bird running on a three-lane dirt road through a nature scene with trees, mountains, and flowers. Include lane switching, jumping, and sliding mechanics. Add a sky phase every 50 seconds where the bird ascends into clouds and dodges cloud obstacles using vertical movement. Include collectible coins with magnet glow effects, three power-ups (shield, magnet, boost), procedural sound effects via Web Audio API, contact shadows, a gradient sky with custom GLSL shader, and a full HUD with coins, lives, distance, and power-up indicators. Cheerful daytime palette with fog and mountain silhouettes.

Create a 3D domino chain builder using Three.js. Players click-drag to place ivory dominoes with pip dots and aim their fall direction, and can also place red balls that interact with the chain. Include an eraser tool, rotation controls with keyboard shortcuts (Q/E), and a physics simulation triggered by clicking a domino to push it. Add a slide-out physics panel with gravity presets for Moon, Mars, Earth, and Jupiter, plus sliders for push force, friction, bounciness, and time scale. Use a dark workspace aesthetic with warm amber accents, frosted-glass toolbar, shadow-mapped lighting, and orbit camera controls.

Create a brain speed game called Ants. On each round, a group of ants marches across a large leaf — some go left, some go right. The player must quickly identify which direction the majority is heading and press the corresponding arrow key or tap the screen side. Use HTML Canvas for rendering — draw detailed ants with legs, antennae, and mandibles on a soil-and-leaf nature background. 20 rounds with increasing difficulty (more ants, tighter timer, closer splits). Score with time bonuses and streak multipliers. Use GSAP for UI transitions and Web Audio API for sound effects. Dark earthy green aesthetic with Fredoka and JetBrains Mono fonts.