3D Portfolio Website | Next.js | Three.js | GSAP | TailwindCSS

Portfolio websites with React.js, Next.js, Tailwind CSS, Framer Motion, Three.js and Chakra UI - 3D Portfolio Website | Next.js | Three.js | GSAP | TailwindCSS

5.0 (2)

37 learners

What you'll learn

This course includes

82.3 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

3D Model 3D Modeling Three.js Next.js Portfolio GSAP TailwindCSS How to make 3D portfolio website How to upload 3D model from blender on Three.js How to page scrolling on Three.js GSAP animation

Full Transcript

On this video, I showed how to make 3D website on Next.js platform, how to make page scrolling with Three.js and GSAP, how to create objects on Three.js and how to position them, how to render them on scene with help of light and camera. I also showed how to upload 3d model on Three.js created on Blender by my only son 'Ta-Seen'. Finally with help of TailwindCSS, made this project more attractive. Ta-Seen's video link: Blender 3D Modeling | Create a 3D Computer Table on Blender | Blender 3.2 Beginner Tutorial https://www.youtube.com/watch?v=4KVseU3Zv_s&t=1120s Source code on Github: https://github.com/srtaseen/3d-portfolio-website My Portfolio Website: https://showkat.xyz My contact email: [email protected]