Popularity
2.6
Declining
Activity
0.0
Stable
158
5
15

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: UI Animation     Parallax     React     React-component     Reactjs     Animation     Webpack    

react-parallax-component alternatives and similar libraries

Based on the "Parallax" category.
Alternatively, view react-parallax-component alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of react-parallax-component or a related project?

Add another 'Parallax' Library
Appwrite - The open-source backend cloud platform
sponsored appwrite.io

Popular Comparisons

Learn any GitHub repo in 59 seconds
sponsored getonboard.dev

README

React Parallax Component

Easiest way to add scroll parallax effect on the component.

image

Installation

npm install react-parallax-component

Usage

import ParallaxComponent from 'react-parallax-component';

<ParallaxComponent
  speed="0.003"
  width="300"
  top="40%"
  left="100"
>
  <div>
    Children component
  </div>
</ParallaxComponent>

Props

  • speed (String) - animation speed, default: -0.03
  • width (String) - component width, default: auto
  • height (String) - component height, default: auto
  • top (String) - component top position, default: inherit
  • left (String) - component left position, default: inherit
  • right (String) - component top position, default: inherit

Development

$ npm install

Run app

$ npm start

And open in browser: http://localhost:4000

Build

$ npm run build