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

  • React Summit Remote Edition 2021

    React Summit Remote Edition 2021

    Sources: reactsummit.com
    Attend a three-day React conference gathering thousands of international Front-end and Full-stack engineers in the cloud.
    16 hours 1 minute 10 seconds
  • Composing Layouts in React

    Composing Layouts in React

    Sources: fullstack.io
    In this course we show you how to build complex layouts in React by composing just a few foundational layout primitives. Along the way you will learn modern CSS Layout tools lik...
    4 hours 38 minutes 12 seconds
  • The interactive way to master modern React - react.gg (FULL COURSE)

    The interactive way to master modern React - react.gg (FULL COURSE)

    Sources: ui.dev (ex. Tyler McGinnis)
    OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i
    7 hours 53 minutes 34 seconds
  • FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT

    FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT

    Sources: udemy
    This is simply the best course on the internet if you want to build and deploy the best authentication system that you can take and use in all of your projects
    6 hours 52 minutes 28 seconds
  • React Supabase Full Course

    React Supabase Full Course

    Sources: fireship.io
    Build and deploy a full-stack, production-ready web app with Supabase, React, and Postgres. The Supabase Course is a project-based course that builds a Reddit-inspired web app f...
    1 hour 39 minutes 49 seconds