Popularity

0.4

Stable

Activity

0.0

Stable

Stars 6

Watchers 0

Forks 0

Last Commit over 1 year ago

Monthly Downloads: 0

Programming language: JavaScript

License: MIT License

Tags: UI Animation

react-scroll-rotate alternatives and similar libraries

Based on the "UI Animation" category.
Alternatively, view react-scroll-rotate alternatives based on common mentions on social networks and blogs.

react-spring

9.7 8.9 react-scroll-rotate VS react-spring

✌️ A spring physics based React animation library
react-motion

9.6 0.0 react-scroll-rotate VS react-motion

A spring that solves your animation problems.

Syncfusion - See why our products are consistently getting 4.6 out of 5 stars by your peers.

Syncfusion Essential Studio for JavaScript is a modern UI control library built from the ground up to be lightweight, responsive, modular, and touch-friendly.

Promo syncfusion.com

framer/motion

9.3 9.6 react-scroll-rotate VS framer/motion

Open source, production-ready animation and gesture library for React
react-flip-move

8.3 2.7 react-scroll-rotate VS react-flip-move

Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.
velocity-react

8.0 0.0 react-scroll-rotate VS velocity-react

React components for Velocity.js
react-router-transition

7.7 1.0 react-scroll-rotate VS react-router-transition

painless transitions built for react-router, powered by react-motion
react-tween-state

7.1 0.0 react-scroll-rotate VS react-tween-state

React animation.
react-anime

6.6 6.3 react-scroll-rotate VS react-anime

✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React!
rc-animate

5.5 1.2 react-scroll-rotate VS rc-animate

anim react element easily
react-gsap-enhancer

5.3 0.0 react-scroll-rotate VS react-gsap-enhancer

Use the full power of React and GSAP together
React Native Circle Menu

5.0 0.0 react-scroll-rotate VS React Native Circle Menu

:octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Reactnative library made by @Ramotion
react-motion-ui-pack

4.9 0.0 react-scroll-rotate VS react-motion-ui-pack

Wrapper component around React Motion for easier UI transitions.
react-magic-move

4.5 0.0 react-scroll-rotate VS react-magic-move

MagicMove for React.js.
data-driven-motion

4.5 0.0 react-scroll-rotate VS data-driven-motion

Easily animate your data in react
gooey-react

4.3 1.8 react-scroll-rotate VS gooey-react

The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽
react-parallax-tilt

4.3 9.6 react-scroll-rotate VS react-parallax-tilt

👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies
react-spark-scroll

4.1 0.0 react-scroll-rotate VS react-spark-scroll

Scroll-based actions and animations for react
react-mt-svg-lines

3.8 0.0 react-scroll-rotate VS react-mt-svg-lines

A React.js wrapper component to animate the line stroke in SVGs
react-track

3.7 0.0 react-scroll-rotate VS react-track

Track the position of DOM elements. Create cool animations.
react-atv-img

3.7 0.0 react-scroll-rotate VS react-atv-img

A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.
react-web-animation

3.6 0.0 react-scroll-rotate VS react-web-animation

React components for the Web Animations API - http://react-web-animation.surge.sh
react-transitive-number

2.9 0.0 react-scroll-rotate VS react-transitive-number

React component to apply transition effect to numeric strings, a la old Groupon timers
react.animate

2.6 0.0 react-scroll-rotate VS react.animate

state animation plugin for react.js
react-parallax-component

2.5 0.0 react-scroll-rotate VS react-parallax-component

Easiest way to add scroll parallax effect on the component
react-tween

2.5 0.0 react-scroll-rotate VS react-tween

DEPRECATED - Recommend https://github.com/tannerlinsley/react-move instead!
animakit-expander

1.6 0.0 react-scroll-rotate VS animakit-expander

UNMAINTAINED: AnimakitExpander
react-tweenful

1.6 0.0 react-scroll-rotate VS react-tweenful

Animation engine designed for React
animakit-rotator

1.5 0.0 react-scroll-rotate VS animakit-rotator

UNMAINTAINED: AnimakitRotator
animakit-elastic

1.1 0.0 react-scroll-rotate VS animakit-elastic

UNMAINTAINED: AnimakitElastic
auto-size-transition

0.5 0.0 react-scroll-rotate VS auto-size-transition

A component that scale dynamically according to the internal size
react-tsparticles

0.3 - react-scroll-rotate VS react-tsparticles

A lightweight component to easily create interactive particles animations

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

Add another 'UI Animation' Library

Popular Comparisons

README

react-scroll-rotate (demo)

Very simple react component for rotate element based on scroll position

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.