• views: 129
• date: 11 April 2023
• posted by: voska89

React Three Fiber Drei - Framer Motion - Swiper.js - Email.js
Free Download What you'll learn
Learn about React Three Fiber & React Three Drei
Utilize Frame Motion for Amazing Animations
Create 3D carousels with Swiper js
Learn how to optimize our React Three Fiber projects
Requirements
Basic React & Three js understanding
Description
In this course we'll learn how to create a unique 3D portfolio website using React, React Three Fiber / Drei, Framer Motion, and Swiper.js to build a beautiful and intuitive user experience. We will use React Three Fiber & Drei to loads glTF models into our project, one model is of an animated React.js logo, while the other is a model of the Earth, which will scale according to where the user is on our page. Using React Three Drei gives us easy access to the stars we'll be creating as our background, and I'll show you how to animate them and create our custom component. We'll use Framer Motion together with React Intersectional Observer to create awesome animated entrances for elements on our site. Using Swiper.js will allow us to create some of the most beautiful and unique carousels on the web, and we'll be making two different types of them, one to showcase our portfolio projects and another to showcase our work history. And we'll use Email.js to give our contact form the ability to send us emails! There are two bonus videos as well that cover optimizing techniques we can use in our projects: how to optimize our glTF models and how to monitor the performance of our React Three Fiber applications.
Who this course is for
Anyone interested in creating unique 3D websites
Homepage

https://www.udemy.com/course/react-three-portfolio/

   
   
   

Forex Trading

Crypto Trading. 20 USD Bonus after KYC

We need your support!
Make a donation to help us stay online
        
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
	
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem

Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u

USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239

USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm

0 1 2 3 4 5

| Print version |

	Information
		Users of GUESTS are not allowed to comment this publication.