Portfolio websites with React.js, Next.js, Tailwind CSS, Framer Motion, Three.js and Chakra UI - Create 3D Site with Spline and React - Full Course

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

spline tool 3d site recreate 3d ui react site 3d animation 3d blob animated codesandbox 3d asset interactive 3d landing page ui design threejs

Full Transcript

Turn your Figma UI to 3D and create a React site with Spline Sponsored by Spline - https://spline.design Final React Site: https://r1ul0z.csb.app/ Download Assets: https://www.dropbox.com/s/b0n5yklfgqegaj1/Spline.zip?dl=0 FOLLOW MY JOURNEY Twitter: http://twitter.com/mengto Instagram: http://instagram.com/mengto TikTok: https://www.tiktok.com/@mengto.design 00:00:00 Intro 00:03:51 Recreate UI to 3D 00:13:20 Create 3D Blob 00:19:55 3D Animations and Interactions 00:28:34 Lighting and Shadows 00:33:06 3D Site with React 00:33:32 Export to Web 00:41:08 Custom Fonts and Flex Layout 00:47:48 Import Images and Menu 00:57:22 Responsive Layout #3d #figma #reactjs