Collection of free JavaScript Memory game code examples.


Demo image: Memory Game

Author

  • Jonathan Tarnate

Made with

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

About a code

Memory Game

Just another memory game (that doesn't use any JS library).

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

Responsive: no

Dependencies: -

Demo image: Tangram Memory Game

Author

  • Paulina Hetman

Made with

  • HTML / CSS (SCSS) / JS

About a code

Tangram Memory Game

Animated tangrams and memory game mixed together.

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

Responsive: yes

Dependencies: -

Demo image: Dinosaur Memory Game

Author

  • Adrian Payne

Made with

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

About a code

Dinosaur Memory Game

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

Responsive: no

Dependencies: -

Demo image: Memory Game Vanilla JS

Author

  • Othman

Made with

  • HTML / CSS / JS

About a code

Memory Game Vanilla JS

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

Responsive: yes

Dependencies: font-awesome.css

Demo image: Memory With Vue.js

Author

  • Florence Bolsée

Made with

  • HTML / CSS (SCSS) / JS

About a code

Memory With Vue.js

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

Responsive: yes

Dependencies: font-awesome.css, bootstrap.css, vue.js, lodash.js

Demo image: Memory Game

Author

  • Majer @Monoame Design

Made with

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

About a code

Memory Game

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

Responsive: no

Dependencies: animate.css, jquery.js

Demo image: The Memory Games

Author

  • Ashish Gupta

Made with

  • HTML / CSS / JS (Babel)

About a code

The Memory Games

Simple match the pairs game built in ReactJs.

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

Responsive: no

Dependencies: react.js, react-dom.js

Demo image: Memory

Author

  • Rémy Beumier

Made with

  • HTML / CSS / JS

About a code

Memory

A memory game created with HTML, CSS and JavaScript. Chose between different themes. Be as fast as possible and spare your clicks!

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

Responsive: yes

Dependencies: -

Demo image: React Memory Game

Author

  • Pham Mikun

Made with

  • HTML / CSS / JS (Babel)

About a code

React Memory Game

A small memory game made by ReactJS - ES6 syntax. Re-type the number you see below.

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

Responsive: yes

Dependencies: react.js, react-dom.js

Demo image: Super Mario Bros 3 Memory Card Game

Author

  • Ryan Mulligan

Made with

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

About a code

Super Mario Bros 3 Memory Card Game

A CSS pixel art redux of the original Super Mario Bros 3 mini game. Flip over any two cards and see if they match. Miss three times and it will be marked as an attempt.

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

Responsive: yes

Dependencies: jquery.js

Demo image: Sweet Memory Game

Author

  • Elior Tabeka

Made with

  • HTML / CSS (SCSS) / JS

About a code

Sweet Memory Game

Sweet animated memory game - HTML5, CSS3 and JS.

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

Responsive: no

Dependencies: font-awesome.css, jquery.js, sweetalert2.js

Demo image: Find The Match - Memory Game

Author

  • Kunuk Nykjær

Made with

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

About a code

Find The Match - Memory Game

A mobile-friendly memory game with simple game mechanics. A prototype to test the usage of Emoji's in a game and see how it is displayed on the different browsers and devices. Build with Angular for the game logic and UI data binding, Emoji Unicode for the graphics and jQuery Flip for the flip animation.

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

Responsive: yes

Dependencies: jquery.js, jquery.flip.js, angular.js, angular-route.js, angular-animate.js, angular-touch.js

Demo image: SVG Memory Game

Author

  • Allan Pope

Made with

  • HTML / CSS (Less) / JS

About a code

SVG Memory Game

Tiles are SVG which morph into icons using Snap.js.

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

Responsive: no

Dependencies: snap.svg.js

Demo image: Memory Game

Author

  • Nate Wiley

Made with

  • HTML / CSS (SCSS) / JS

About a code

Memory Game

A JavaScript memory game. Click the cards and find matches to win.. you know how to play.

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

Responsive: yes

Dependencies: font-awesome.css, jquery.js