Collection of free JavaScript memory game code examples

Welcome to our collection of JavaScript examples! In this meticulously curated compilation, we have assembled a diverse range of JavaScript code snippets that showcase the flexibility and power of this dynamic programming language.

Memory Game

Memory Game

Author:
Jonathan Tarnate | March 13, 2019
Made with:
HTML / CSS (SCSS) / JS (Babel)

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Tangram Memory Game

Tangram Memory Game

Author:
Paulina Hetman | February 28, 2019
Made with:
HTML / CSS (SCSS) / JS

About a code

Animated tangrams and memory game mixed together.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
Dinosaur Memory Game

Dinosaur Memory Game

Author:
Adrian Payne | November 29, 2018
Made with:
HTML / CSS (SCSS) / JS (Babel)

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
Memory Game Vanilla JS

Memory Game Vanilla JS

Author:
Othman | August 4, 2018
Made with:
HTML / CSS / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css
Memory With Vue.js

Memory With Vue.js

Author:
Florence Bolsée | June 6, 2018
Made with:
HTML / CSS (SCSS) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css, bootstrap.css, vue.js, lodash.js
Memory Game

Memory Game

Author:
Majer @Monoame Design | February 20, 2018
Made with:
HTML (Pug) / CSS (Sass) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
animate.css, jquery.js
The Memory Games

The Memory Games

Author:
Ashish Gupta | November 22, 2017
Made with:
HTML / CSS / JS (Babel)

About a code

Simple match the pairs game built in ReactJs.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
react.js, react-dom.js
Memory

Memory

Author:
Rémy Beumier | May 29, 2017
Made with:
HTML / CSS / JS

About a code

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:
-
React Memory Game

React Memory Game

Author:
Pham Mikun | October 27, 2016
Made with:
HTML / CSS / JS (Babel)

About a code

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
Super Mario Bros 3 Memory Card Game

Super Mario Bros 3 Memory Card Game

Author:
Ryan Mulligan | August 4, 2016
Made with:
HTML (Pug) / CSS (SCSS) / JS

About a code

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
Sweet Memory Game

Sweet Memory Game

Author:
Elior Tabeka | April 13, 2016
Made with:
HTML / CSS (SCSS) / JS

About a code

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
Find The Match - Memory Game

Find The Match - Memory Game

Author:
Kunuk Nykjær | January 21, 2016
Made with:
HTML / CSS (SCSS) / JS (Babel)

About a code

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
SVG Memory Game

SVG Memory Game

Author:
Allan Pope | April 22, 2015
Made with:
HTML / CSS (Less) / JS

About a code

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

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
snap.svg.js
Memory Game

Memory Game

Author:
Nate Wiley | July 3, 2014
Made with:
HTML / CSS (SCSS) / JS

About a code

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

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨