Popularity
2.6
Stable
Activity
0.0
Stable
166
5
15

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
SurveyJS - JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
featured surveyjs.io

Popular Comparisons

Civic Auth - Auth in Less Than 5 Minutes
featured www.civic.com

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