Skip to main content

Build fancy landing pages with React and Threejs

38m 9s
English
Paid

Course description

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.

Read more about the course

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

Watch Online

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

  • Building a Component Library with Storybook

    Building a Component Library with Storybook

    Sources: learn.handlebarlabs.com
    Learn to create a library of components that are easy to use, self documenting, and easily tested. I've found that using Storybook to define my component's API
    1 hour 10 minutes 41 seconds
  • Shaders for the Web

    Shaders for the Web

    Sources: superhi.com
    Learn how to make OpenGL shaders using the programming language GLSL, and gain insight on how the top websites use hardware-enabled graphics.
    16 hours 3 minutes 4 seconds
  • React JS 19 Crash Course | Build an App and Master React in 2 Hours

    React JS 19 Crash Course | Build an App and Master React in 2 Hours

    Sources: jsmastery.pro, Adrian Hajdin
    This course offers a practical approach: clear explanations, real tasks, and necessary tools, so you can not only understand but also immediately apply the new.
    2 hours 7 minutes 16 seconds
  • Server Side Rendering with React and Redux

    Server Side Rendering with React and Redux

    Sources: udemy, Stephen Grider
    Go beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React v16, Redux, React Router, and Express technologies to bu
    8 hours 14 minutes 30 seconds
  • React Router v5

    React Router v5

    Sources: ui.dev (ex. Tyler McGinnis)
    The ability to take what you learn and apply it towards a production codebase.
    3 hours 38 minutes 49 seconds