memory-game | Vaadin

Classic memory game as Custom Component

Memory Game


Published on npm Minified File Size npm GitHub issues GitHub closed issues GitHub last commit

This is a classic Memory Game that can be simply included in any html page like

    <script src="//"></script>
    <div class="container"><mini-memory matrix="2x2"></mini-memory></div>

Quick Intro

Please note only Native Support of Custome Elements covered.

It has not been tested for IE 11 / Edge and therefore are not supported


matrix columns and rows count in format of 2x2. Accepted values minimum 2x2 and maximum 10x10

  <mini-memory matrix="2x2"></mini-memory>

lang Language selection. Current available languages are English, German and Turkish

  <mini-memory matrix="2x2" lang="de"></mini-memory>

view set options for views. Currently have only one option which is fullscreen

  <mini-memory matrix="2x2" view="fullscreen"></mini-memory>

settings hides settings panel if this value set to no. Default is visible.

  <mini-memory matrix="2x2" settings="no"></mini-memory>

challenge Turns challenge mode on or off. Default is on.

  <mini-memory matrix="2x2" challenge="off"></mini-memory>

Game starts with initially given matrix dimensions and it's increased one by one at each completed level. If this value set to off game repeats always same level.

  <mini-memory matrix="2x2" challenge="off"></mini-memory>


Contributors are welcome. See the Documentation. Fork this repo, pick yourself an open Issue, and go ahead...

Open Issues:

See open issues at GitHub open Issue


Link to this version
ImportedReleased 10 April 2019MIT License
Framework Support
Browser Independent
Install with
npm install mini-memory"@2.2.8"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 2.2.8