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.
Build fancy landing pages with React and Threejs
38m 9s
English
Paid
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
Additional
About the Author: Paul Henschel (0xca0a)
Paul Henschel (online as 0xca0a) is a German developer and the creator of React Three Fiber, react-spring, Drei, Zustand, and a long list of other widely-used libraries in the modern React ecosystem. He is part of the Poimandres open-source collective and one of the most influential figures in React-based 3D and animation work.
His CourseFlix listing carries Build Fancy Landing Pages with React and Three.js. Material is paid and aimed at React developers building 3D / interactive landing pages with React Three Fiber.
Watch Online 1 lessons
0:00
/ #1: Build fancy landing pages with React(-three-fiber) and Threejs
All Course Lessons (1)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionRelated courses
-
Updated 2y agoReact - The full course
By: FireshipReact - The Full Course is unlike any other React course on the Internet. It provides a fast-paced introduction to essential concepts, then puts them.1h 20m -
Updated 3y agoFull Stack Advanced React + GraphQL
By: Wes BosJust as React has transformed the way we build web applications, GraphQL is changing how we build APIs to query and mutate data. With a focus on modern JavaScri15h 43m -
Updated 2y agoStorybook for building React apps
By: Fullstack.ioYou'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 i3h 16m
Frequently asked questions
What is Build fancy landing pages with React and Threejs about?
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…
Who teaches this course?
It is taught by Paul Henschel (0xca0a). You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 1 lesson with a total runtime of 38 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/build-fancy-landing-pages-with-react-three-fiber-and-threejs. The page hosts every lesson with the integrated video player; no download is required.