Build ReactjS website with GSAP for cool scrolling animationsšŸ˜‡

Demo LinkšŸ–¤: https://agency-website-eta.vercel.app/

Hey Guys,

In this video weā€™re going to build cool Agency Landing page in ReactJS. We will use GSAP for awesome scrolling animations and parallax effects.

Starter-Code FilesšŸ‘‡:
Write this whole line in your command Prompt,
git clone --single-branch --branch Starter-code-files https://github.com/codebucks27/Agency-website.git

For this project weā€™re going to use,
ā–¶ļø React Hooks
ā–¶ļø GSAP for scrolling animations
ā–¶ļø Styled-Components
ā–¶ļø React-slick for Carousal
ā–¶ļø DOM methods

Donā€™t forget to watch whole videos, weā€™re going to learn a lot of stuff like,
ā–¶ļø React Hooks
ā–¶ļø Folder structure for React Projects
ā–¶ļø How to create Hamburger Menu with only css
ā–¶ļø How we can leverage advantages of component structure
ā–¶ļø How to use GSAP in React JS for awesome animations while scrolling
ā–¶ļø Many awesome CSS animations

TimeStampsšŸ•’:

  • Demo: @0:00:10
  • Installation & Setup: @0:04:50
  • Folder Structure: @0:07:40
  • Header Section (Navigation Bar): @0:19:15
  • Hero Section : @0:45:36
  • About Section : @1:16:10
  • Services Section : @1:37:40
  • Testimonials Section : @2:04:04
  • Contact Section & Footer: @2:24:18
  • ScrollToTop Component : @2:52:40
  • Testimonials Section : @2:04:04
  • Adding Gsap Animation in Header and Service Section: @3:01:30

#react #gsap #web-development

React WebsitešŸ¤© : Build Responsive website with ReactJS, Styled-Components & GSAPā£ļø
14.85 GEEK