JPage is a JavaScript plugin for creating websites as slides.
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.
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.
JPage is MIT licensed.