@crabas0npm/commodi-illum-inventore

v1.0.0

Published

7 months ago

Downloads

0High
0Medium
0Low

thanhl4861

efficient colour gradients css WebSocket trim qs accessor has String.prototype.trim symbol console arraybuffer sigterm cache mkdirs tacit linewrap merge unicode browser browserlist ascii json-schema-validation jsdiff which 256 prune width tester bcrypt write stringifier form-validation io-ts form terminal array react-hook-form findup typedarrays postcss functional dependency manager weakmap stateless less compiler helpers function symlinks sigint make JSON-Schema getintrinsic Array.prototype.findLastIndex chinese internal json dir HyBi look delete findLast ES2020 reduce Symbol ReactiveExtensions configurable Array.prototype.contains find-up Reflect.getPrototypeOf pure slice code points three core-js stylesheet typesafe Object.fromEntries pose es5 crypto Rx estree batch es2015 ECMAScript 3 js spring once password serializer japanese https install CSSStyleDeclaration toArray promise assert getter es-abstract concat wordwrap css less argument ansi modules harmony es-shim API match ECMAScript 2020 descriptors slot rangeerror ES2017 WeakSet api setter shell transpiler symbols listeners make dir hardlinks warning exit-code xterm regexp accessibility Object.defineProperty parents class-validator cjk Array.prototype.filter .env commander stream -0 JSON trimRight typeerror chrome nested css search ArrayBuffer.prototype.slice typeof generics Array utilities extra regular expression less mixins deepclone jsonschema file error Array.prototype.flatten Streams validation ESnext eslint less.js includes l10n duplex mkdirp is require dom characters functions promises data speed forms some jsx irq toolkit fs libphonenumber es-shims Object call-bind byte plugin value ECMAScript 2018 windows import request concatMap ECMAScript 2023 equality ajv auth graphql ECMAScript 2022 collection from trimEnd autoprefixer css variable flag karma transpile properties flatten arktype mocha intrinsic exit javascript fsevents URLSearchParams TypedArray lockfile es2017 Array.prototype.findLast queue Set string writable variables map move spinner nodejs throat Symbol.toStringTag higher-order setImmediate column readablestream Promise tdd key Push rmdir korean invariant ES7 mkdir ArrayBuffer test rfc4122 log protobuf fp hooks lru ender ES2021 typedarray ECMAScript 6 stable ramda ponyfill command-line bundler electron async sameValueZero call ArrayBuffer#slice mime robust keys extend a11y up jsdom packages coercible redux getopt tslib lesscss framer environment ECMAScript 2016 call-bound fast-deep-copy _.extend status

React Scroll Parallax

React hooks and components to create parallax scroll effects for banners, images or any other DOM elements. Utilizes Parallax Controller to add vertical or horizontal scrolling based effects to elements. Optimized to reduce jank on scroll and works with SSR and SSG rendered React apps.

If you're coming from V2, here's a migration guide.

Install

With npm

npm install react-scroll-parallax

or yarn

yarn add react-scroll-parallax

Example

Create effects with a hook:

function Component() {
  const parallax = useParallax({
    speed: -10,
  });
  return <div ref={parallax.ref} />;
}

or with a component:

function Component() {
  return (
    <Parallax speed={-10}>
      <div />
    </Parallax>
  );
}

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

React Scroll Parallax

Install

Example

Getting Started

Demos

Docs: Hooks

Docs: Components