40+ JavaScript Memory Games

Last Updated on by in JavaScript
JavaScript Memory Games

Are you searching for a comprehensive collection of JavaScript memory games? Look no further! In the realm of web development, JavaScript continues to reign supreme, offering a myriad of possibilities for creating interactive and engaging experiences. One area where its grift truly shines is in the realm of game development.

With a collection of over 40+ JavaScript memory game examples sourced from platforms like CodePen and GitHub, developers are tapping into the efficiency and versatility of JavaScript to craft captivating gaming experiences.

Memory games, a classic genre of games that test cognitive abilities and concentration, find a new life on the web thanks to JavaScript’s capabilities. These games challenge players to match pairs of cards within a grid, often against the clock, offering both entertainment and mental stimulation.

For UI web developers, these examples serve as invaluable resources to stay ahead in JavaScript game development. By dissecting and studying the code behind each game, developers gain insights into best practices, innovative techniques, and the latest trends in user interface design.

What sets these examples apart is their accessibility and adaptability. They are examples of the various ways that talented developers from around the world can use JavaScript to create immersive gaming experiences. From sleek animations to responsive layouts, each example demonstrates the limitless possibilities of JavaScript game development.

Let’s explore these JavaScript memory game examples, not only to expand your skill set but also to unleash creativity. Whether you’re a seasoned developer or just starting out, there’s something to learn and appreciate in each example. Dive in, experiment, and let JavaScript’s power propel your game development journey to new heights.

1. Memory Card Game With Luda

See the Pen
Memory Card Game With Luda
by oatw (@oatw)
on CodePen.



Author: oatw @oatw
Links: Source Code / Demo
Created on: December 11, 2019
Made with: HTML, CSS, JS

2. Memory Game

See the Pen
Memory Game
by Emma Faye (@emmafaye)
on CodePen.


Author: Emma Faye @emmafaye
Links: Source Code / Demo
Created on: December 5, 2015
Made with: HTML, CSS(Stylus), JS

3. ReactJS Memory Game

See the Pen
ReactJS Memory Game
by Yigit Cukuren (@yigitcukuren)
on CodePen.


Author: Yigit Cukuren @yigitcukuren
Links: Source Code / Demo
Created on: January 11, 2018
Made with: HTML, CSS(SCSS), JS(Babel)

4. CSS 3D Flipping Cards/Tiles

See the Pen
CSS 3D Flipping Cards/Tiles
by Caleb Jeffrey (@calebjeffrey)
on CodePen.


Author: Caleb Jeffrey @calebjeffrey
Links: Source Code / Demo
Created on: November 25, 2013
Made with: HTML, CSS(SCSS), JS

5. Memory – Paris

See the Pen
Memory – Paris
by Janice (@janiceshaw)
on CodePen.


Author: Janice @janiceshaw
Links: Source Code / Demo
Created on: June 5, 2013
Made with: HTML, CSS(SCSS), JS

6. Memory Game: Encouraging Words Edition

See the Pen
Memory Game: Encouraging Words Edition
by Sophanarith Sok (@sok213)
on CodePen.


Author: Sophanarith Sok @sok213
Links: Source Code / Demo
Created on: January 29, 2017
Made with: HTML, CSS, JS

7. Memory Game l Udacity Nanodegree Project

See the Pen
Memory Game l Udacity Nanodegree Project
by Mostafa Khaled (@mkryad)
on CodePen.


Author: Mostafa Khaled @mkryad
Links: Source Code / Demo
Created on: March 14, 2018
Made with: HTML, CSS, JS

8. Memory Game

See the Pen
Memory Game
by kryo (@kryo2k)
on CodePen.


Author: kryo @kryo2k
Links: Source Code / Demo
Created on: October 21, 2015
Made with: HTML(Pug), CSS(SCSS), JS

9. The Memory Games

See the Pen
The Memory Games
by Ashish Gupta (@thinker3197)
on CodePen.


Author: Ashish Gupta @thinker3197
Links: Source Code / Demo
Created on: November 22, 2017
Made with: HTML, CSS, JS(Babel)

10. Matching Tile Game

See the Pen
Matching Tile Game
by Stefanescu Lucian (@lucitribal)
on CodePen.


Author: Stefanescu Lucian @lucitribal
Links: Source Code / Demo
Created on: July 18, 2017
Made with: HTML, CSS, JS

11. Memory Game

See the Pen
Memory Game
by Christian Collosi (@collosic)
on CodePen.


Author: Christian Collosi @collosic
Links: Source Code / Demo
Created on: July 5, 2014
Made with: HTML, CSS, JS

12. memory-game Udacity

See the Pen
memory-game Udacity
by Laura Enria (@LauraEnria)
on CodePen.


Author: Laura Enria @LauraEnria
Links: Source Code / Demo
Created on: April 29, 2018
Made with: HTML, CSS, JS

13. Web Celebrity Memory Game

See the Pen
Web Celebrity Memory Game
by Frida Nyvall (@fridanyvall)
on CodePen.


Author: Frida Nyvall @fridanyvall
Links: Source Code / Demo
Created on: February 13, 2017
Made with: HTML, CSS(SCSS), JS

14. SMB3 Memory Card Game

See the Pen
SMB3 Memory Card Game
by Ryan Mulligan (@hexagoncircle)
on CodePen.


Author: Ryan Mulligan @hexagoncircle
Links: Source Code / Demo
Created on: August 4, 2016
Made with: HTML(Pug), CSS(SCSS), JS

15. udacity-fend-project-memory-game

See the Pen
udacity-fend-project-memory-game
by magdi (@MagdiMoh)
on CodePen.


Author: magdi @MagdiMoh
Links: Source Code / Demo
Created on: April 23, 2018
Made with: HTML, CSS, JS

16. Memory Game Vanilla JS

See the Pen
Memory Game Vanilla JS
by Othman (@theweeknd)
on CodePen.


Author: Othman @theweeknd
Links: Source Code / Demo
Created on: August 5, 2018
Made with: HTML, CSS, JS

17. Find the match – memory game

See the Pen
Find the match – memory game
by Kunuk Nykjær (@kunukn)
on CodePen.


Author: Kunuk Nykjær @kunukn
Links: Source Code / Demo
Created on: January 21, 2016
Made with: HTML, CSS(SCSS), JS(Babel)

18. Project4. Memory Game

See the Pen
Project4. Memory Game
by Majer @Monoame Design (@frank890417)
on CodePen.


Author: Majer @Monoame Design @frank890417
Links: Source Code / Demo
Created on: February 20, 2018
Made with: HTML(Pug), CSS(Sass), JS

19. Brainymo – Memory game

See the Pen
Brainymo – Memory game
by Danijel Vincijanovic (@davinci)
on CodePen.


Author: Danijel Vincijanovic @davinci
Links: Source Code / Demo
Created on: December 19, 2016
Made with: HTML, CSS(SCSS), JS

20. Dinosaur Memory Game

See the Pen
Dinosaur Memory Game????
by Adrian Payne (@dazulu)
on CodePen.


Author: Adrian Payne @dazulu
Links: Source Code / Demo
Created on: November 29, 2018
Made with: HTML, CSS(SCSS), JS(Babel)

21. jQuery Picture Memory Game

See the Pen
jQuery Picture Memory Game
by Mario Vidov (@mel)
on CodePen.


Author: Mario Vidov @mel
Links: Source Code / Demo
Created on: May 13, 2013
Made with: HTML, CSS, JS

22. Character Memory Match Game

See the Pen
Character Memory Match Game
by Brad Bales (@brad4au57)
on CodePen.


Author: Brad Bales @brad4au57
Links: Source Code / Demo
Created on: August 18, 2018
Made with: HTML, CSS, JS

23. Memory

See the Pen
Memory
by Rémy Beumier (@beumsk)
on CodePen.


Author: Rémy Beumier @beumsk
Links: Source Code / Demo
Created on: May 29, 2017
Made with: HTML, CSS, JS(Babel)

24. Octocat Memory Game

See the Pen
Octocat Memory Game
by Mayur Birle (@mayurbirle)
on CodePen.


Author: Mayur Birle @mayurbirle
Links: Source Code / Demo
Created on: July 12, 2017
Made with: HTML, CSS, JS

25. Memory Game

See the Pen
Memory Game
by Jonathan Tarnate (@jeytii)
on CodePen.


Author: Jonathan Tarnate @jeytii
Links: Source Code / Demo
Created on: March 13, 2019
Made with: HTML, CSS(SCSS), JS(Babel)

26. Tangram Memory Game

See the Pen
Tangram Memory Game
by Paulina Hetman (@pehaa)
on CodePen.


Author: Paulina Hetman @pehaa
Links: Source Code / Demo
Created on: February 28, 2019
Made with: HTML, CSS(SCSS), JS

27. Memory Game

See the Pen
Memory Game
by Nate Wiley (@natewiley)
on CodePen.


Author: Nate Wiley @natewiley
Links: Source Code / Demo
Created on: July 4, 2014
Made with: HTML, CSS(SCSS), JS

28. React Memory Game

See the Pen
React Memory Game
by Pham Mikun (@mikun)
on CodePen.


Author: Pham Mikun @mikun
Links: Source Code / Demo
Created on: October 27, 2016
Made with: HTML, CSS, JS(Babel)

29. Simple memory game in JS

See the Pen
Simple memory game in JS
by James Barnett (@jamesbarnett)
on CodePen.


Author: James Barnett @jamesbarnett
Links: Source Code / Demo
Created on: November 20, 2013
Made with: HTML, CSS, JS

30. Sweet Memory Game – HTML5, JS and SCSS

See the Pen
Sweet Memory Game – HTML5, JS and SCSS
by Elior Tabeka (@eliortabeka)
on CodePen.


Author: Elior Tabeka @eliortabeka
Links: Source Code / Demo
Created on: April 14, 2016
Made with: HTML, CSS(SCSS), JS

31. Memory with Vue.js

See the Pen
Memory with Vue.js
by Florence Bolsée (@FlorenceBolsee)
on CodePen.


Author: Florence Bolsée @FlorenceBolsee
Links: Source Code / Demo
Created on: June 6, 2018
Made with: HTML, CSS(SCSS), JS

32. VUE Memory Game

See the Pen
VUE Memory Game ????
by Pepita K. (@PepitaK)
on CodePen.


Author: Pepita K. @PepitaK
Links: Source Code / Demo
Created on: September 18, 2020
Made with: HTML, CSS(SCSS), JS(Babel)

33. Memory Game FallOut Edition

See the Pen
Memory Game FallOut Edition
by FoxyStoat (@FoxyStoat)
on CodePen.


Author: FoxyStoat @FoxyStoat
Links: Source Code / Demo
Created on: April 25, 2018
Made with: HTML, CSS, JS

34. “Memory Game”

See the Pen
FEND – Project 2 – “Memory Game”
by Ryan Delk (@thedelk)
on CodePen.


Author: Ryan Delk @thedelk
Links: Source Code / Demo
Created on: June 4, 2018
Made with: HTML, CSS, JS

35. Memory game

See the Pen
Memory game
by Ahmed Al-Ghonimi (@alghonimi)
on CodePen.


Author: Ahmed Al-Ghonimi @alghonimi
Links: Source Code / Demo
Created on: August 12, 2017
Made with: HTML, CSS, JS

36. Memory game

See the Pen
Memory Game
by Ric (@riclab)
on CodePen.


Author: Ric @riclab
Links: Source Code / Demo
Created on: August 7, 2017
Made with: HTML, CSS(SCSS), JS

37. Udacity Memory Game

See the Pen
Udacity Memory Game
by Mark Simpson (@marky89)
on CodePen.


Author: Mark Simpson @marky89
Links: Source Code / Demo
Created on: March 22, 2018
Made with: HTML, CSS, JS

38. Memory Game Master – Udacity FEND

See the Pen
Memory Game Master – Udacity FEND
by Ricardo Matos de Azevedo Bossan (@Strider85)
on CodePen.


Author: Ricardo Matos de Azevedo Bossan @Strider85
Links: Source Code / Demo
Created on: February  9, 2018
Made with: HTML, CSS, JS

39. Minimal Memory

See the Pen
Minimal Memory
by Tim Holman (@tholman)
on CodePen.


Author: Tim Holman @tholman
Links: Source Code / Demo
Created on: November 14, 2012
Made with: HTML, CSS, JS

40. Olivia Ng @oliviale

See the Pen
Not-A-Memory Game (Bring It On Musical)
by Olivia Ng (@oliviale)
on CodePen.


Author: Olivia Ng @oliviale
Links: Source Code / Demo
Created on: October 8, 2016
Made with: HTML(Pug), CSS(SCSS), JS

Digamber - Author positronX.io

Hi, I'm Digamber Singh, a New Delhi-based full-stack developer, tech author, and open-source contributor with 10+ years' experience in HTML, CSS, JavaScript, PHP, and WordPress.