papeljs - a minimalist pseudo framework

Build your website using only HTML

Only ~13kb library to add templates, navigation, prefetching and more. (~5kb Gzipped)

Step 1 - Add papeljs to your index.html

index.html


    <html>
      <head>
        <script src="papel.js" defer></script>
      </head>
      <body>
        <header>
          <nav>
            <a href="/"> Home </a>
            <a href="about.html"> About </a>
          </nav>
        </header>
        <main id="content">
          <slot>
            <h2> Hello World </h2>
          </slot>
        </main>
      </body>
    </html>

Step 2 - create a partial page

using layouts


      <head>
        <script src="papel.js" defer></script>
        <link rel="layout" href="/layout.html" />
      </head>
      <body>
        <main slot>
            <p> Hello World from About </p>
        </main>
      </body>

Step 3 - Enjoy! 😎

Read the documentation to learn more about all the features included in papeljs and enjoy the simplicity of creating static websites with pure HTML.