💻 #27: Build a 3D website with Three.js 🔮

Level-up your web development skills by creating 3D sites

Happy Friday, developer! 👋

This weekend’s tutorial will really level-up your web development skills by teaching you how to create beautiful 3D objects. You can then add a 3D object to your future project or portfolio as a great way to stand out. They look great and since most people haven’t yet learned how to make them you’ll set yourself apart from the rest.

Let’s get started!

Tutorial of the week:

Length: 1 hour
Difficulty: Beginner

This weekend’s tutorial is by DesignCourse, they create incredible UX/UI tutorials.

What you’ll learn this weekend:

• Three.js 🔵

3 creative projects of the week:

1. Bruno Simon

Three.js

This developer turned their personal site into a 3D interactive browser game. It’s absolutely outstanding.

Check it out!

Here’s also a video demo of the site in case you’re on mobile or it’s not loading for you:

---

2. Ramen Shop Resume

Three.js

Check out this interactive personal website that takes you around a ramen shop to show off projects, articles, and about me sections! Really well done Jesse!

Check it out!

---

3. Richard Mattka

Three.js

Here’s another example of a portfolio project using three.js. I think adding a 3D element to your portfolio really helps make your project stand out amongst the rest.

Check it out!

---

That’s all folks!

I hope you enjoyed this weekend’s edition of Weekend Web Dev!

I hope these three projects give you inspiration for your next three.js project or portfolio. If you create anything please share it with me on Twitter or reply to this email!

I’d love to see what you’re building.

Your fellow weekend developer,

Devan