Collection of free jQuery game examples from Codepen and GitHub.

Related Articles

  1. CSS Games
Demo image: RIVER ROGUE - A GAME

Author

  • NBM

Made with

  • HTML / CSS / JS

About a code

River Rogue

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Tic-Tac-Toe v2

Author

  • michiel

Made with

  • HTML / CSS (SCSS) / JS

About a code

Tic-Tac-Toe v2

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.knob.js, tweenmax.js

Demo image: Magic Square

Author

  • Zed Dash

Made with

  • HTML / CSS (SCSS) / JS

About a code

Magic Square

Add the numbers 1 through 9 into the grid (only use 1 of each number) so the calculations work out and equal the numbers off the grid. Note, BIDMAS/PIMDAS is ignored: A + B × C is the same as (A + B) × C, working left to right, top to bottom. Hint: a good place to start is look for lines where the answer is a semi-prime with a multiplication sign (one of the factors has to be on the side with one space).

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Tetris

Author

  • Naomi Bastian Weatherford

Made with

  • HTML / CSS / JS

About a code

Tetris

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Demo image: Pinball Physics

Author

  • Will Boyd

Made with

  • HTML / CSS / JS

About a code

Pinball Physics

Use left/right arrow keys or tap (and hold) buttons to control paddles.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: decomp.js, matter.js, matter-attractors.js

Demo image: Zombie Mayhem

Author

  • Elior Tabeka

Made with

  • HTML / CSS / JS

About a code

Zombie Mayhem

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: tootik.css, soundjs.js

Demo image: Rotation Game

Author

  • Louis Dickinson

Made with

  • HTML / CSS / JS

About a code

Rotation Game

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Tic-Tac-Toe

Author

  • Peter Daily

Made with

  • HTML / CSS / JS

About a code

Tic-Tac-Toe

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: animate.css

Demo image: Tic Tac Toe

Author

  • Emanuele

Made with

  • HTML / CSS / JS

About a code

Tic Tac Toe

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css

Demo image: 3D Tetris

Author

  • Lennart Hase

Made with

  • HTML / CSS / JS

About a code

3D Tetris

3D Tetris made using CSS3 and jQuery. [A] and [S] to rotate blocks and arrow keys to move left and right.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -