A creator interface for the Pulp viewer.
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


Pulp press

This repository is no longer being maintained. Please use https://github.com/mhkeller/pulp-press2.

A web comic maker to be used with the Pulp comic viewer.

How to use

We have a hosted version of the interface here. To begin:

  1. Select your images make sure they are named according to the following convention page-1, page-2 etc. File format can be anything.
  2. Start clicking and dragging to define the location of your panels.
  3. You can also add alt text for each page with the fields on the left — useful for adding the script so that the HTML still contains your text.
  4. When you're done with a page, click "Save page"
  5. You can also add endnotes to the entire document using the text fields at the top.
  6. When you're done with all of your pages, click "Download data".
  7. Copy the pages.json file into the data folder in Pulp.
  8. You're pretty much done! Check out the Pulp instructions for the final steps and other options.


If you want to modify Pulp Press, specifically its CSS, you'll want to use Stylus and Nib, a NodeJS CSS preprocessor and a handy add-on for setting vendor prefixes.

To install run (you will most likely be prompted for your system password):

sudo npm install -g stylus
sudo npm install -g nib

Then, in the project folder, watch your .styl files for changes and recompile the .css files with:

stylus -w css -u nib

This command says to watch the css folder and use Nib.

You can also ignore Stylus altogether and modify the .css files and disregard the .styl files if you like.

Hosting your own

If you don't want to use the hosted version, clone this repository and from the project root run a simple Python server. You can do that with the following two commands

git clone https://github.com/ajam/pulp-press && cd pulp-press
python -m SimpleHTTPServer 8000

In your browser, now go to to view.