How to install fullPage.js

Created

fullPage.js is designed to be easy to use and customize. It includes tens of examples, great documentation and both community and personal support.

fullPage.js is fully functional on all modern browsers, as well as some old ones such as Internet Explorer 9, Opera 12, etc. It works with browsers with CSS3 support and with the ones which don't have it, making it ideal for old browsers compatibility. It also provides touch support for mobile phones, tablets and touch screen computers.

Installation

You can download the latest version of fullPage.js from the GitHub releases or use a fullPage.js CDN.

Cloning a repository

You can clone a repository from GitHub.com to your local computer.
Cloning with HTTPS URLs
git clone https://github.com/alvarotrigo/fullpage.js.git
Cloning with SSH URLs
git clone [email protected]:alvarotrigo/fullpage.js.git
Cloning with GitHub CLI
gh repo clone alvarotrigo/fullpage.js

Install via NPM package

Run the following command to locally install the package and its dependencies with NPM.
Downloading and installing packages locally
npm i fullpage.js
npm install fullpage.js
yarn add fullpage.js
Downloading and installing packages globally
npm i -g fullpage.js
yarn global add fullpage.js
Install Specific Version of a Package
npm install [email protected]
Bower
bower install fullpage.js

Usage

Including files:

<link rel="stylesheet" type="text/css" href="fullpage.css" />

<!-- This following line is optional. Only necessary if you use the option css3:false and you want to use other easing effects rather than "easeInOutCubic". -->
<script src="vendors/easings.min.js"></script>


<!-- This following line is only necessary in the case of using the option `scrollOverflow:true` -->
<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script>

<script type="text/javascript" src="fullpage.js"></script>