Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Building a 3D Landing Page with Claude Code + Blender + Three.js.

34,633 Aufrufe • vor 2 Monaten •via X (Twitter)

49 Kommentare

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

In this tutorial, I’ll show you how I built a modern 3D landing page using Claude Code, Blender, and Three.js — starting with a 3D asset from Sketchfab and turning it into an interactive web experience. We’ll go from Sketchfab → Blender → React → Three.js → Vercel, using Claude Code to help build and connect everything together. What we’ll cover: 🧊 Finding and preparing a 3D asset from Sketchfab 🎨 Optimizing the 3D model in Blender ⚛️ Setting up a Vite + React project 🌐 Adding Three.js with React Three Fiber 🧩 Using @react-three/drei for 3D helpers 🖱️ Adding smooth scrolling with Lenis 🎨 Styling the landing page with Tailwind CSS 🤖 Using Claude Code to build and iterate on the experience 🚀 Deploying the finished website with Vercel Tech Stack Vite + React · Three.js · React Three Fiber · Drei · Lenis · Tailwind CSS · Vercel · Blender · Claude Code You don’t need to be an expert 3D artist or web developer to follow along. The goal is to show how AI-assisted development + 3D tools can be combined to create impressive web experiences. Live link: If you enjoyed the tutorial, like, subscribe, and let me know what I should build next! #ClaudeCode #ThreeJS #Blender #React #WebDesign #3DWeb #ReactThreeFiber #TailwindCSS #Sketchfab #Vercel

Profilbild von Ubong Ephraim
Ubong Ephraimvor 2 Monaten

I thought this was a one-time thing when I saw the first video😂 Dope tut btw!

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Thanks mannn

Profilbild von Brown ™️
Brown ™️vor 2 Monaten

The background song reminds me so much of my good ol’ tutorial days. Good work, chief!

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Thanks my bro✌🏽😄

Profilbild von Billionaire Designer
Billionaire Designervor 2 Monaten

Why so dramatic though? 😂 👏🏾

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Anytime I record videos, a different spirit enters my body, na why😂😂😂😂

Profilbild von Billionaire Designer
Billionaire Designervor 2 Monaten

🤣

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

🤣

Profilbild von Techa
Techavor 2 Monaten

I love these videos mehnn Just like me 😂

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

My guyyy…thanks man, I truly appreciate you😂😂💪🏽💪🏽💪🏽

Profilbild von MrPrime ✦.
MrPrime ✦.vor 2 Monaten

Y'all, pls hold this man for me😂

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

You wan beat me? I go report you🤣

Profilbild von Raven
Ravenvor 2 Monaten

This was really good and funny 😂

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Thanks jare😂😂😂❤️…my dear friend

Profilbild von Kaze
Kazevor 2 Monaten

See resource I don grab am

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Grab ammm fassstttt😂😂😂

Profilbild von Kaze
Kazevor 2 Monaten

You make learning these things quite fun ngl😂😂😂 Why you dey like shout on us chief

Profilbild von Favour Idowu | cracker 🎭
Favour Idowu | cracker 🎭vor 2 Monaten

I enjoyed it 😂😂

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Thanks mannn❤️🙌🏽😂

Profilbild von Caleb One2x
Caleb One2xvor 1 Monat

Where have you been man????

Profilbild von Grant ❂
Grant ❂vor 1 Monat

Just been there man

Profilbild von Caleb One2x
Caleb One2xvor 1 Monat

Not just bro!

Profilbild von WYSEKNIGH〒.xyz🔰
WYSEKNIGH〒.xyz🔰vor 2 Monaten

Your tutorial is a discovery😂😂

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

My boss, thanks😂😂😂😂

Profilbild von Crownz | AI & Design
Crownz | AI & Designvor 2 Monaten

😂 Enjoyed watching this

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Thanks so much baby girl😂😂😂😂❤️❤️❤️

Profilbild von Tijesuni
Tijesunivor 2 Monaten

Dope stuff

Profilbild von Dotun
Dotunvor 2 Monaten

This is really cool

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Thanks man

Profilbild von Khlaseek designer
Khlaseek designervor 2 Monaten

I don quickly repost because these people wan turn my guy to another thing 😂😂.

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Bro….on top say I want make my content blow😭😭😭😂😂😂

Profilbild von Khlaseek designer
Khlaseek designervor 2 Monaten

Shey you Dey TikTok ?

Profilbild von Shark 🌊🦈
Shark 🌊🦈vor 2 Monaten

Why are you now shouting?? 😭 😂

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Na shouting spirit enter my body

Profilbild von BeingAmarachi
BeingAmarachivor 2 Monaten

Who released you😭😭😭😭😭

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

From Kirikiri? Na you nau😂😂😂

Profilbild von BeingAmarachi
BeingAmarachivor 2 Monaten

I’ve missed you ohh

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

I’ve missed you more. Since you blew, you forgot me😂

Profilbild von Moh the Polymath
Moh the Polymathvor 2 Monaten

You are a mad man. I ll follow

Profilbild von Grant ❂
Grant ❂vor 2 Monaten

Jesus 😂😂😂….thanks man 😂

Profilbild von Kaitlyn Olivah
Kaitlyn Olivahvor 1 Monat

The Blender-to-Three.js handoff is still the fragile part. Claude Code is good at wiring the scene. Less good at deciding how much the camera should move.

Profilbild von LeeDesigns | UI/UX & Framer Dev.
LeeDesigns | UI/UX & Framer Dev.vor 2 Monaten

Amazing stuff 😍

Profilbild von Johnsmith
Johnsmithvor 2 Monaten

Good

Profilbild von Abdulyaqeen Abdulquddus
Abdulyaqeen Abdulquddusvor 2 Monaten

😅😅

Profilbild von AI Mastery Guide
AI Mastery Guidevor 2 Monaten

3D landing page, curious how it turns out

Profilbild von Eugene M.
Eugene M.vor 2 Monaten

epic!

Profilbild von LilͥᎠrͣiͫקe
LilͥᎠrͣiͫקevor 2 Monaten

Omoh una guide ooo. Fable 5!

Profilbild von EAZI👾 AI CREATOR / PRODUCT ENGR ( FLUTTER )
EAZI👾 AI CREATOR / PRODUCT ENGR ( FLUTTER )vor 2 Monaten

This goes hardddd 🔥🔥🔥

Ähnliche Videos