View on GitHub


RPG spell/item/monster card generator

Download this project as a .zip file Download this project as a tar.gz file

What it does

This project generates cards for spells, items, or monsters for RPG games. The generator is web-based and runs in your browser, there is no need to install any software. The cards are packed on an A4 page such that you can print it double sided and get cards with a front and back. Here's an example of what you can create:

You can define the content of the cards yourself using simple JSON data. The above example was generated from the data shown below. Don't worry if you don't want to edit the raw data - there is a simple user interface for creating the cards.

    "count": 1,
    "color": "maroon",
    "title": "Burning Hands",
    "icon": "book-cover",
    "contents": [
        "subtitle | 1st level evocation",
        "property | Casting time | 1 action",
        "property | Range | Self (15ft cone)",
        "property | Components | V, S",
        "fill | 1",
        "text | Each creature in a 15-foot cone takes 3d6 fire damage.",
        "text | The fire ignites any flammable objects in the area.",
        "fill | 3",
        "section | At higher levels",
        "text | +1d6 damage for each slot above 1st"

Live demo

Try it out yourself. Press "Load sample" in the menu, then press "Generate" and have a look at the newly opened window/tab that contains all the generated cards.


This is not a complete documentation, but some information that should help you get started.

Card JSON data

Card elements

Each card element is a string of the following format:

"element | param1 | param2 | ..."

The following elements are available:

Special tags

You can use special non-standard HTML tags created especially for this card editor:

<tag param1="" param2="" ...>

The following special HTML tags are available:


Can I change the layout of the cards?

You'll need to edit the CSS and Javascript files to change the layout at this point. I might add some customization options later on.