Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

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