25+ JavaScript Memory Games (Free Code + Demos)
Enjoy this collection of free Javascript Memory game code examples. These games are 100% free and open source. Enjoy!
1. Memory JS
A memory game created with html, css and javascript. Chose between different themes. Be as fast as possible and spare your clicks !
Author: Rémy Beumier (beumsk)
Links: Source Code / Demo
Made with: HTML, CSS, JS
2. Javascript Memory Game
Author: Paulina Hetman (pehaa)
Links: Source Code / Demo
Created on: February 28, 2019
Made with: HTML, SCSS, JS
Tags: codepenchallenge, cpc-polygon, animation, game, svg
3. Sweet Memory Game - HTML5, JS And SCSS
Sweet Animated Memory Game
Author: Elior Tabeka (eliortabeka)
Links: Source Code / Demo
Created on: April 13, 2016
Made with: HTML, SCSS, JS
Tags: memory game, javascript game, js-game, animate, scss game
4. JS Dinosaur Memory Game🦖
My second ever CodePen challenge pen is a cute dinosaur themed memory game with an obligatory Jurassic Park reference thrown in because how can you not? Sound effects are my own voice apart from the winning sound and all art is me too (a bit rusty) apart from the blue Triceratops which I ...Read More
Author: Adrian Payne (dazulu)
Links: Source Code / Demo
Created on: November 29, 2018
Made with: HTML, SCSS, Babel
Tags: cpc-dinosaurs, codepenchallenge, game, memory game, css-game
5. Tangram JS Memory Game
Created for the February 2019 CodePen Challenge Animated tangrams and memory game mixed together.
Author: Paulina Hetman (pehaa)
Links: Source Code / Demo
Created on: February 28, 2019
Made with: HTML, SCSS, JS
Tags: codepenchallenge, cpc-polygon, animation, game, svg
6. Memory With Vue.js
Author: Florence Bolsée (FlorenceBolsee)
Links: Source Code / Demo
Created on: June 6, 2018
Made with: HTML, SCSS, JS
Tags: game, memory, vuejs
7. Memory Game Vanilla JS
Author: Othman (theweeknd)
Links: Source Code / Demo
Created on: August 4, 2018
Made with: HTML, CSS, JS
8. The Memory Games
Simple match the pairs game built in ReactJs
Author: Ashish Gupta (thinker3197)
Links: Source Code / Demo
Created on: November 22, 2017
Made with: HTML, CSS, Babel
Tags: react, game, pairs, memory, design
9. Project4. Memory Game
Author: Majer @Monoame Design (frank890417)
Links: Source Code / Demo
Created on: February 20, 2018
Made with: Pug, Sass, JS
CSS Pre-processor: Sass
JS Pre-processor: None
HTML Pre-processor: Pug
10. SMB3 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. The fewer attempts you make, the smarter you look to all of your friends.
Author: Ryan Mulligan (hexagoncircle)
Links: Source Code / Demo
Created on: August 3, 2016
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: 8bit, game, box-shadow, pixel-art
11. React Memory Game
A small memory game made by ReactJS - ES6 syntax Inspired by Tuan, my colleague
Author: Pham Mikun (mikun)
Links: Source Code / Demo
Created on: October 27, 2016
Made with: HTML, CSS, Babel
Tags: react, reactjs, game, terminal
12. 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 unicodes for the graphics and jQuery Flip for the...Read More
Author: Kunuk Nykjær (kunukn)
Links: Source Code / Demo
Created on: January 21, 2016
Made with: HTML, SCSS, Babel
Tags: angular, game, emoji, bem, jquery flip
13. Memory Game
A JavaScript memory game on Codepen ! Click the cards and find matches to win.. you know how to play. Hope you like it :)
Author: Nate Wiley (natewiley)
Links: Source Code / Demo
Created on: July 3, 2014
Made with: HTML, SCSS, JS
Tags: memory game, games, css3, javascript, game
14. SVG Memory Game
Svg memory game built to practice my writing something in JavaScript. Tiles are svg's which morph into icons using Snap.js. Couple of the icon transitions could be smoother by tweaking where the square points on the SVG are located. Icons are from Wojciech Zasina's Organic Food Icon Set...Read More
Author: Allan Pope (allanpope)
Links: Source Code / Demo, Tympanus.net
Created on: April 22, 2015
Made with: Less, JS
Tags: svg, javascript, game, memory, snap
15. Memory Game
Udacity Project 3 FEND
Author: FoxyStoat (FoxyStoat)
Links: Source Code / Demo
Created on: April 25, 2018
Made with: HTML, CSS, JS
Tags: memory game, udacity, fallout
16. Memory Game
Did a little memory game for learning hiragana. I used AngularJS just for learning purposes.
Author: Christian Collosi (collosic)
Links: Source Code / Demo
Created on: July 4, 2014
Made with: HTML, CSS, JS
Tags: angularjs, game, flip, animation
17. Fend - Project 2 - "memory Game"
Author: Ryan Delk (thedelk)
Links: Source Code / Demo
Created on: June 3, 2018
Made with: HTML, CSS, JS
Tags: fend, nanodegree, udacity, project2, memory
18. Memory Game
Author: Ahmed Al-Ghonimi (alghonimi)
Links: Source Code / Demo
Created on: August 12, 2017
Made with: HTML, CSS, JS
19. Memory Game
A JavaScript memory game on Codepen ! Click the cards and find matches to win.. you know how to play. Hope you like it :)
Author: Ric (riclab)
Links: Source Code / Demo
Created on: August 7, 2017
Made with: HTML, SCSS, JS
Tags: memory game, games, css3, javascript, game
20. Udacity Memory Game
Author: Mark Simpson (marky89)
Links: Source Code / Demo
Created on: March 22, 2018
Made with: HTML, CSS, JS
21. Brainymo - Memory Game
Frontend technologies memory game. For best experience open in full page view :)
Author: Danijel Vincijanovic (davinci)
Links: Source Code / Demo
Made with: HTML, SCSS, JS
22. Memory Game Master - Udacity FEND
Author: Ricardo Matos de Azevedo Bossan (Strider85)
Links: Source Code / Demo
Created on: February 8, 2018
Made with: HTML, CSS, JS
23. ReactJS Memory Game
Author: Yigit Cukuren (yigitcukuren)
Links: Source Code / Demo
Created on: January 10, 2018
Made with: HTML, SCSS, Babel
More Awesome Lists:
Share: