Wawa Sensei logo
Back to videos

Step-by-Step Guide to Mesmerizing 3D Text with React Three Fiber

Let's learn how to make a shopping landing page with an amazing 3D Text effect with React Three Fiber

In this project-based tutorial, we will cover the following:

  • RenderTexture

  • ReflectorMaterial

  • Postprocessing

  • CameraControls

  • Responsive

šŸš€ Learn React Three Fiber with my complete course āœØ

https://lessons.wawasensei.dev/courses/react-three-fiber/

Starter pack šŸ”—

https://github.com/wass08/r3f-vite-starter

Final code šŸ”—

https://github.com/wass08/r3f-3d-text-effect

Demo šŸ”—

https://r3f-3d-text-effect.vercel.app/

Camping Asset Collection by Alex Safayan

https://poly.pizza/m/3nj59_uuCbM

Camera Controls Documentation

https://github.com/yomotsu/camera-controls

Need help with this tutorial? Join our Discord community!