the less formal CSS framework


Get PaperCSS


Download the latest version (1.9.1) using either of the links below. Or download an older release via GitHub.


PaperCSS is available on NPM, current version 1.9.1. Install with npm install papercss –save and find the CSS in:

  • node_modules/papercss/dist/paper.css
  • node_modules/papercss/dist/paper.min.css


Don’t want to download it? That’s cool. You can just link to PaperCSS via unpkg’s CDN. You can use either:

Here’s a quick snippet to get started with PaperCSS:

<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <div class="paper container">
      <h1>Some Fresh Title</h1>
      <p>This is where some content would go.</p>

Build it Yourself

If you’d rather customize things, you can build the CSS yourself via the git repo

git clone
cd papercss
npm install
npm run build

Grab the CSS out of the /dist folder created

You can also go into src/core/_config.scss before building to change around the global styles of your new CSS.