Core classes and controller for creating parallax scrolling effects

Usage no npm install needed!

<script type="module">
  import parallaxController from '';


🕹 Parallax Controller

NPM Version Latest NPM Downloads Codecov

Test and Lint Size Coverage

Core classes and controller for creating parallax scrolling effects. Designed to provide scroll based animations for elements relative to the view. Built for performance by caching important attributes that cause reflow and layout when accessing.

NPM Package

Via Yarn

yarn add parallax-controller

or NPM

npm install parallax-controller


API and Usage docs

React Integration

If you're building with React use react-scroll-parallax, a set of hooks and components to easily create effects and interact with the parallax-controller.

yarn add react-scroll-parallax

See the React Scroll Parallax documentation for usage and demos.


This package was created for react-scroll-parallax, but can be used as a standalone lib. Most demos were built with react-scroll-parallax.