3D Scroll Effects (Rellax.js) | UI Design

Published: 23 April 2020
on channel: Brandon Stiles, Software Engineering
19,626
405

Click here to try: npmjs.com/package/react-rellax

This tutorial will show you step-by-step how to use Rellax.js (a 3D scroll effect library) in a React App.

It's SUPER easy to implement (you pretty much just have to change one number to get a really cool parallax effect on web page elements), and gives your website a really slick, modern feel when it loads up.

You'll also be using Google's Material UI library to implement a few of the components.

Timestamps:
1. What We're Making (0:36)

2. Setup (1:12)

3. Importing The Illustration (4:47)

4. Adding & Using React-Rellax (13:37)

5. Finishing Out The Landing Page (15:20)



I’m always looking for cool new tools to try & make videos about. Reach me at [email protected] with any recommendations.

My site: https://brandonstiles.com

Get the ‘First Page Pro’ SEO Training here: http://bit.ly/2Z6HRXS


Watch video 3D Scroll Effects (Rellax.js) | UI Design online without registration, duration hours minute second in high quality. This video was added by user Brandon Stiles, Software Engineering 23 April 2020, don't forget to share it with your friends and acquaintances, it has been viewed on our site 19,626 once and liked it 405 people.