Popularity
0.5
Declining
Activity
0.0
Stable
7
1
2

Monthly Downloads: 0
Programming language: JavaScript
Tags: UI Components     Miscellaneous    

react-color-scroll alternatives and similar libraries

Based on the "Miscellaneous" category

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

Add another 'Miscellaneous' Library

README

React color scroll

React color scroll is a simple component which allows you to blend between colors as you're scrolling down the page. You can use it to fill an entire page, or within a wrapped container. ✨

NPM Version

Install

npm i -S react-color-scroll

Usage

import React from 'react'
import ColorScroll from 'react-color-scroll'

class HomePage extends React.PureComponent {
  render () {
    return (
      <ColorScroll
        colors={['#FFFCF9', '#FFF9F9', '#FCF9FF']}
        className='my-color-scroll' // Defaults to 'color-scroll'
        onScroll={(e) => console.log(e)} // Optional access to the onScroll event
      >
        {/* Your site content in here */}
      </ColorScroll>
    )
  }
}

export default HomePage

It works by splitting up the container's scroll height and calculating the correct time to blend between colors for each color to have an equal percentage of your content.

License

MIT


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