7 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 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 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 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 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.