React Parallax

A smoooth as butter parallax for React projects.

Quick Start

Installation

$ yarn add @trbl/react-parallax

Compositon

  import React from 'react';
  import { ParallaxProvider, Parallax } from '@trbl/react-parallax';

  const App = () => {
    return (
      <ParallaxProvider>
        <Parallax speed={0.3}>
          ...
        </Parallax>
        <Parallax speed={0.9}>
          ...
        </Parallax>
      </ParallaxProvider>
    )
  }

  export default App;

Demo

To demo locally, clone the repo and

$ yarn install
$ npm run dev
$ open http://localhost:3000

Documentation

All available props can be found via the references below:

• Parallax
• ParallaxProvider

License

MIT Copyright (c) TRBL, LLC