JPage -

JPage is a JavaScript plugin for creating websites as slides.

Get started

To use JPage in your project, you must add to it:

CSS:

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/jpage@{version}/lib/index.min.css"
/>

JavaScript:

<script
  src="https://cdn.jsdelivr.net/npm/jpage@{version}/lib/index.min.js"
  type="module"
></script>

replace {version} with the desired version (you can consult all versions of JPage by clicking here).

NOTE: if you don’t want to use CDN in your project, you can download JPage and use it directly by clicking here.

Basic usege

Creating websites as slides is as simple as:

<div class="jpage">
  <div class="section" style="background-color: crimson;">
    <!-- Your content -->
  </div>
  <div class="section">
    <div class="slider">
      <div class="slide" style="background-color: brown;">
        <!-- Your content -->
      </div>
      <div class="slide" style="background-color: dimgray;">
        <!-- Your content -->
      </div>
    </div>
  </div>
</div>
<script>
  const jpageConfig = {} // Object to configure JPage
</script>

To learn more about JPage see the documentation.

Licence

JPage is MIT licensed.