Skip to main content

Build fancy landing pages with React and Threejs

38m 9s
English
Paid

This course teaches you how to add stunning flourishes to your sites with little code and complexity. You would think that some of the extraordinary websites on awwwards, fwa or godly are out of reach for you, as a front-end dev that knows Javascript, Html and Css. Graphics on the web have always been deeply complex, reserved for a small community of experts. But with poimandres tooling that has changed, because it allows developers to abstract complex behaviour and then share! Now you can compose experiences like that with React building blocks, similar to how you build anything else on web.

Beginners and intermediates may enjoy it the most. You need to have a basic grasp of React, and perhaps already Threejs, though that can come later.

The result: https://bananas.vercel.app

The curriculum:

  • Deconstruction of playful.software

  • Setting up a dev environment from scratch

  • Expressing Threejs in React

  • Animation basics

  • Finding and preparing (in Blender) model assets

  • Displaying and composing them

  • Use effects and good lighting

Author

Paul Henschel (@0xca0a)
My name is Paul Henschel (@0xca0a), i am the lead developer behind react-three-fiber, react-spring, ...

Watch Online 1 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 1 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Build fancy landing pages with React(-three-fiber) and Threejs
All Course Lessons (1)
#Lesson TitleDurationAccess
1
Build fancy landing pages with React(-three-fiber) and Threejs Demo
38:09
Unlock unlimited learning

Get instant access to all 0 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Similar courses

  • Microservices with Node JS and React
    Sources: udemy, Stephen Grider
    Event-Based Architecture? Covered! Server side rendering with React? Yep. Scalable, production-ready code? Its here! Microservices are the number one solution for building and s...
    54 hours 13 minutes 19 seconds
  • Storybook for building React apps
    Sources: fullstack.io
    You're going to unlock skills that will help you develop UI faster, better, and with great quality. You will understand why it is important to learn Storybook i
    3 hours 16 minutes 25 seconds
  • React Simplified - Bonus Project
    Sources: webdevsimplified.com
    What if I told you that you could build this advanced job board project by the end of this course entirely on your own? That's what this entire section of...
    5 hours 8 minutes 8 seconds