HTML5 Deck of Cards

Pure vanilla JS (+ CSS3) – no dependencies, by Juha Lindstedt & contributors.

https://deck-of-cards.js.org

NOTICE!

Frontside card graphics are now slightly modified from Chris Aguilar's awesome Vector Playing Card Graphics Set. I want to respect author's license, and decided to change Deck of Cards license from MIT to LGPL. Sorry for any cause. Versions 0.0.x stay MIT. When theming is ready, I will put Vector Playing Card Graphics Set -theme to another repo, and change back to MIT. If you have something on your mind about this, please use this issue. Thanks!

Backside graphics by Juha Lindstedt.

If you're on iOS, try adding to home screen (via Safari's share button) - it should perform better ;)

Latest changes

0.1.3 JS animations (instead of CSS transitions)
0.1.2 Backside graphics + setRankSuit (+ card.value -> card.rank!)
0.1.1 Better organized modules + Chrome app
0.1.0 Realistic face graphics, notice change of license for now..
0.0.4 winning mode, simpler shuffling, CSS box-shadow change
0.0.3 big refactoring – code now easier to follow and in smaller pieces
0.0.2 made intro shorter & added "poker"
0.0.1 initial version

Featured on

Download

Where's what?

css/ - CSS source (stylus + nib) of the example

chrome/ - Chrome Web Store app source

dist/ - deck.js & deck.min.js

example/ - https://deck-of-cards.js.org

lib/ - JS (ES6) source of dist/deck.js - deck.js is also the main file

views/ - HTML source of the example

Build instructions

npm install
npm start

(starts watching for changes..)

Note to self: todo

Make z-index temporary by reordering DOM elements between actions
Enhance API, make more flexible
Make cards flippable

License

0.1.x LGPL
0.0.x MIT

avgenakisg/deck-of-cards