framermotion-parallax
TypeScript icon, indicating that this package has built-in type declarations

0.0.7 • Public • Published

React Parallax Component

Pass in three images that will be used to create a parallax effect. The images will be layered on top of each other and move at different speeds to create a 3D effect connected to the mouse movement.

Installation

pnpm install framermotion-parallax

Usage

import { Parallax } from 'framermotion-parallax';
 <Parallax bg='https://placehold.co/600x400/EEE/31343C' foreground={`https://placehold.co/600x400/EEE/31343C`}

Package Sidebar

Install

npm i framermotion-parallax

Homepage

john.ro

Weekly Downloads

6

Version

0.0.7

License

MIT

Unpacked Size

326 kB

Total Files

16

Last publish

Collaborators

  • johnromani