Popularity
0.2
Declining
Activity
3.8
Declining
2
0
0

Monthly Downloads: 0
Programming language: JavaScript
Tags: UI Animation    

react-scroll-rotate alternatives and similar libraries

Based on the "UI Animation" category

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

Add another 'UI Animation' Library

Popular Comparisons

SaaSHub - Software Alternatives and Reviews
View more from us

README

react-scroll-rotate (demo)

Very simple react component for rotate element based on scroll position

NPM

Install

npm install --save react-scroll-rotate

Usage

import React, { Component } from 'react';
import  { ScrollRotate } from 'react-scroll-rotate';

function MyTitleComp(props) {
    return (<MyTitleWrapper>
        Hello <ScrollRotate><span>world</span></ScrollRotate>
    </MyTitleWrapper>)
}

Props

Property Type Default Description
target string null Target element id. By default it will use window scroll
throttle number null Use 'throttle' prop to invoke the update once in X seconds
from number 0 Rotation start point
to number 360 Rotation end point
method string 'px' Use 'perc' to change rotation based on scroll percantges.
loops number 1 When using method 'perc', define how many loops component will do while scrolling to bottom
animationDuration number 0.1 Animation duration

License

MIT


*Note that all licence references and agreements mentioned in the react-scroll-rotate README section above are relevant to that project's source code only.