36 JavaScript Games

A professional-grade word puzzle featuring minimalist design, smooth flip animations, and a built-in streak tracker to test your vocabulary daily.

An interactive Air Balloon game built using HTML Canvas and JavaScript. Players hold down the mouse to heat the balloon and rise, while releasing it lets the balloon descend to save fuel. The game features procedurally generated trees and hills, smooth physics-based movement, and a fuel management system.

An innovative Snake game built with JavaScript and CSS Grid, featuring a fading grid mechanic that gradually disappears, increasing the challenge. Players navigate the snake with arrow keys, collecting apples to score points while avoiding collisions. The game includes hard mode for advanced difficulty, dynamic contrast that increases with each score, and smooth animations for the snake’s movement.

A fully interactive Solitaire card game built using React and Redux. This implementation features draggable and flippable cards, multiple tableau and foundation piles, and a dynamic stock deck. Players can move cards according to classic Solitaire rules, with visual feedback for valid moves and game progression.

A fast-paced Traffic Run game built using Three.js. Players control a vehicle on a busy road, using the UP and DOWN keys (or on-screen buttons) to accelerate or decelerate and avoid collisions with other vehicles. The game includes a live score tracker, collision detection, and a reset feature for endless replayability. Perfect for learning 3D game development in the browser with Three.js, interactive controls, and real-time physics.

A browser-based Stick Hero game built with HTML Canvas and JavaScript. Players hold down the mouse (or tap) to stretch a stick across platforms, aiming to land perfectly on the next block to score points. Includes a live score counter, a “DOUBLE SCORE” bonus for perfect placements, and a restart button for endless gameplay.

A fun and interactive 3D stacking game built using Three.js for rendering and Cannon.js for realistic physics. Players click, tap, or press the spacebar to drop moving blocks on top of a stack, aiming to reach the blue-colored blocks for higher scores. The game includes a live score display, instructions overlay, and a reset option with the 'R' key.

A fun and interactive 2D physics-based gorilla game built using HTML Canvas and JavaScript. Players can launch bombs by dragging to set the angle and velocity, factoring in wind speed for realistic trajectories. The game supports single-player, two-player, and autoplay modes, with live updates for player and computer stats including angle and velocity.

A Rock, Paper, Scissors game is a classic web-based game that challenges a player to guess their opponent's move. Built with HTML, CSS, and JavaScript, its purpose is to provide a fun and interactive user experience. The game's core functionality includes a system for the player to choose a move, logic for a computer opponent's move, and a system for determining the winner and updating the score.

A Tilting Maze Game is a web-based game that challenges a player to navigate a ball through a maze by "tilting" the game board. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a dynamic maze, physics for the ball's movement, and logic for detecting the completion of the maze.

A Tic Tac Toe Game is a classic two-player web-based game. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a 3x3 grid, a system for tracking player turns, logic for checking winning conditions, and a way to reset the board.

A Asteroid Game is a classic web-based game that challenges a player to pilot a spaceship through an asteroid field. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a dynamic game board with moving asteroids, logic for spaceship movement, collision detection, and a scoring system. It's an excellent project for developers to practice game mechanics, canvas rendering, and event handling.

A Neon Brick Breaker Game is a modern and visually striking web-based game that challenges players to destroy a wall of bricks by bouncing a ball off a paddle. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience with a retro, neon aesthetic. The game's core functionality includes a dynamic game board with a paddle and bricks, logic for the ball's movement and collision with the paddle and bricks, and a scoring system. It's a perfect project for developers to practice game mechanics, canvas rendering, and event handling.

A Snake Game is a classic web-based game that challenges a player to control a growing snake to eat food and avoid collisions with walls or its own tail. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a dynamic game board, logic for snake movement and growth, collision detection, and a scoring system.

A Trivia Quiz Game is a fun and interactive web application that tests a user's knowledge on a specific topic. Built with HTML, CSS, and JavaScript, its purpose is to provide an engaging and educational experience. The game's core functionality includes presenting a series of questions, tracking the user's score, and providing immediate feedback on whether an answer is correct or incorrect.

A Pop It Game is a simple web-based game that simulates the popular sensory toy. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a grid of "bubbles" that a user can click to "pop," often with a sound or visual effect. It's a fun and relaxing project for developers to practice event handling and DOM manipulation.

A Archery Game is a web-based game that challenges a player to shoot an arrow at a target. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a system for controlling the bow and arrow, physics for the arrow's flight, and logic for scoring based on where the arrow hits the target.

A Sudoku Solver is a practical web application that helps users solve Sudoku puzzles. Built with HTML, CSS, and JavaScript, its purpose is to provide a user-friendly and interactive tool for a popular logic game. The tool's core functionality includes an 81-cell grid for a user to input numbers, logic for validating the puzzle, and a system for solving it with a single click. It's an excellent project for developers to practice algorithms, game logic, and DOM manipulation.

A Dice Rolling Game is a simple web-based game that simulates the rolling of dice. Built with HTML, CSS, and JavaScript, its purpose is to provide a fun and interactive user experience. The game's core functionality includes a button to trigger the roll, a random number generator to determine the outcome of each die, and a dynamic display of the results.

A Maze Game is a classic web-based game that challenges a player to navigate a character through a maze to a destination. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a dynamic maze generation, a system for player movement, and logic for detecting the completion of the maze. It's an excellent project for developers to practice game mechanics, user input handling, and creating dynamic game boards.

A Whack-a-Mole Game is a classic web-based arcade game that challenges a player's reflexes. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a grid of "holes" where moles randomly pop up, a scoring system for "whacking" the moles, and a timer. It's a great project for developers to practice game mechanics, event handling, and dynamic element manipulation.

A Breakout Game is a classic web-based arcade game that challenges players to destroy a wall of bricks by bouncing a ball off a paddle. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a dynamic game board with a paddle and bricks, logic for the ball's movement and collision with the paddle and bricks, and a system for tracking the score. It's a perfect project for developers to practice game mechanics, event handling, and canvas rendering.

A Number Guessing Game is a classic web-based game that challenges a player to guess a randomly generated number within a certain number of attempts. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes generating a random number, taking user input, and providing feedback on whether the guess was too high, too low, or correct.

A Bubble Shooter Game is a classic web-based game that challenges players to clear a board of colored bubbles by shooting and matching three or more of the same color. Built with HTML and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a dynamic game board, logic for shooting and matching bubbles, and a system for tracking the score.

A Candy Crush Clone is a popular web-based game that challenges players to match three or more candies of the same color. Built with HTML, CSS, and JavaScript, its purpose is to provide a hands-on learning experience for game development. The game's core functionality includes a grid of candies, drag-and-drop mechanics, a system for checking for matches in both rows and columns, and a score tracker.

A Connect Four game is a classic two-player game that is often implemented as a web-based game. Built with HTML, CSS, and JavaScript, its purpose is to provide an interactive and engaging user experience. The game's core functionality includes a game board with columns and rows, a system for tracking player turns, logic for checking winning conditions (four in a row, column, or diagonal), and a way to reset the board. It is an excellent learning project for developers to practice game mechanics, DOM manipulation, and event handling.

A Fruit Slicer game is an interactive web-based game that challenges a player's reflexes and precision. Built with HTML, CSS, and JavaScript, its purpose is to create an entertaining and engaging user experience. The game's core functionality includes dynamically generating fruit to "slice" with the mouse or finger, awarding points for each successful slice, and ending the game when a player misses a fruit.

A Speed Typing Game is a web-based game that challenges users to type as accurately and quickly as possible. Built with HTML, CSS, and JavaScript, its purpose is to help users improve their typing speed and accuracy. The game's core functionality includes displaying a text for the user to type, tracking the user's input, and providing real-time feedback on typing speed (WPM) and accuracy.

A Flappy Bird game clone is an entertaining, web-based arcade game where players guide a bird through a series of pipes by tapping to make it "flap." Built with HTML, CSS, and JavaScript, this game is a fantastic project for developers to practice fundamental game mechanics, including collision detection, player input handling, and dynamic element creation.

A Crossy Road game is an entertaining, endless-style arcade game where players navigate a character through an endless series of obstacles. Built with HTML, CSS, and JavaScript, this game typically involves dodging cars on a busy road and hopping across rivers on logs. It's a great project for developers looking to practice their skills in creating interactive gameplay, responsive controls, and engaging visual effects for a web-based game.

A Hangman game is an engaging word-guessing game that challenges players to discover a hidden word one letter at a time. The game's core functionality involves tracking correct and incorrect letter guesses, with each wrong guess progressively building a hanging stick figure. It’s an ideal way to increase user engagement and provide a fun, customizable, and challenging activity.

Ping Pong Game is an interactive and engaging game created using HTML, CSS, and JavaScript, featuring a classic table tennis layout with paddles and a bouncing ball. Players control the paddles using keyboard inputs to prevent the ball from passing their side, aiming to score points by getting the ball past the opponent's paddle. The game includes real-time score tracking and smooth animations, providing an enjoyable and competitive experience.

Minesweeper Game is a classic puzzle game recreated using HTML, CSS, and JavaScript. Players manipulate falling tetrominoes to form complete lines and clear them from the game board. The game features block rotation, movement, collision detection, multiple levels, and a scoring system. It's a fun and engaging way to learn game development fundamentals.

Tetris Game is a classic puzzle game recreated using HTML, CSS, and JavaScript. Players manipulate falling tetrominoes to form complete lines and clear them from the game board. The game features block rotation, movement, collision detection, multiple levels, and a scoring system. It's a fun and engaging way to learn game development fundamentals.

2048 Game is an engaging and addictive puzzle game created using HTML, CSS, and JavaScript. It features a 4x4 grid where players combine numbered tiles to reach the 2048 tile. The game enhances user experience by providing a challenging and interactive interface, making your website more entertaining and engaging.

Memory Game is a visually engaging card-matching game created using HTML, CSS, and JavaScript. It features a grid of cards that flip upon user interaction, challenging players to match pairs of identical cards. The game enhances user experience by providing an interactive and fun way to test memory skills, making it a great addition to any website.