Collection of free JavaScript 2048 game code examples.


Demo image: 2048

Author

  • jesse z

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

2048

Tiles with matching number values can be merged into a single tile, which receives the values' sum. To move the board, use the directional arrows - or swipe.

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

Responsive: yes

Dependencies: jquery.js, lodash.js, hammer.js

Demo image: Material Gradient 2048

Author

  • ecto

Made with

  • HTML / CSS (SCSS) / JS

About a code

Material Gradient 2048

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

Responsive: yes

Dependencies: hammer.js

Demo image: 2048

Author

  • Stephanie

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

2048

Use your arrow keys to move the tiles. When two tiles slide into each other, they merge into one!

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: no

Dependencies: underscore.js

Demo image: Lazy 2048

Author

  • Snazzy Sanoj

Made with

  • HTML / CSS / JS

About a code

Lazy 2048

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

Responsive: yes

Dependencies: -

Demo image: Responsive 2048 Game

Author

  • Simone Bernabè

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

Responsive 2048 Game

Responsive 2048 with mobile touch support in JavaScript.

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

Responsive: yes

Dependencies: jquery.js, hammer.js

Demo image: 2048 Simple Version

Author

  • Alex

Made with

  • HTML / CSS / JS

About a code

2048 Simple Version

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

Responsive: no

Dependencies: -

Demo image: 2048 Game

Author

  • Cam Song

Made with

  • HTML / CSS (SCSS) / JS

About a code

2048 Game

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

Responsive: no

Dependencies: hammer.js