This is a documentation for Board Game Arena: play board games online !

Some usual board game elements image ressources

З пляцоўкі Board Game Arena
Перайсці да навігацыі Перайсці да пошуку
Studio Framework Navigation

File structure of a BGA game

Game logic (Server side)
Game interface (Client side)
Other components
BGA Studio game components reference
  • Deck: a PHP component to manage cards (deck, hands, picking cards, moving cards, shuffle deck, ...).
  • Counter: a JS component to manage a counter that can increase/decrease (ex: player's score).
  • Scrollmap: a JS component to manage a scrollable game area (useful when the game area can be infinite. Examples: Saboteur or Takenoko games).
  • Stock: a JS component to manage and display a set of game elements displayed at a position.
  • Zone: a JS component to manage a zone of the board where several game elements can come and leave, but should be well displayed together (See for example: token's places at Can't Stop).

Undocumented component (if somebody knows please help with docs)

  • Draggable: a JS component to manage drag'n'drop actions.
  • ExpandableSection: a JS component to manage a rectangular block of HTML than can be displayed/hidden.
  • Wrapper: a JS component to wrap a <div> element around its child, even if these elements are absolute positioned.
BGA Studio user guide


A lot of games need common image elements. You can find a lot of image assets online or directly from the publisher.

But for common elements such as wooden cubes or discs or meeples, here are some image assets that you can use:

110 110 dice.png

25 25 wooden tokens.png

30 30 colored dice.png

30 30 meeple.png

30 30 tokens.png

30 30 wooden cubes.png

37 60 hexaedrons.png

Accept.png

Hand.png

Point.png

Refuse.png