Skip to content

ShyamBhuptani/React-Barba-Effect

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-Barba-Effect

Barba.js provides a smooth transition between the website's page but in the world of SPA, the designs made up of React/Vue have a challenging path to implement the same transition while routing internally. This project is to produce the same effect while transiting from one to another page in a SPA using react-router and the animation is produced using GSAP.

Installation

Make sure node.js is installed in the system.

git clone https://github.com/ShyamBhuptani/React-Barba-Effect/
cd React-Barba-Effect/
npm install
npm run start

Motivation

Codegrid has published a fantastic video to demonstrate barba.js which I framed into React producing the same effect and Barba.js isn't used yet the same effect has been reproduced.

License

MIT