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 1 Monat •via X (Twitter)

49 Kommentare

Profilbild von Grant ❂
Grant ❂vor 1 Monat

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 1 Monat

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

Profilbild von Grant ❂
Grant ❂vor 1 Monat

Thanks mannn

Profilbild von Brown ™️
Brown ™️vor 1 Monat

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

Profilbild von Grant ❂
Grant ❂vor 1 Monat

Thanks my bro✌🏽😄

Profilbild von Billionaire Designer
Billionaire Designervor 1 Monat

Why so dramatic though? 😂 👏🏾

Profilbild von Grant ❂
Grant ❂vor 1 Monat

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

Profilbild von Billionaire Designer
Billionaire Designervor 1 Monat

🤣

Profilbild von Grant ❂
Grant ❂vor 1 Monat

🤣

Profilbild von Techa
Techavor 1 Monat

I love these videos mehnn Just like me 😂

Profilbild von Grant ❂
Grant ❂vor 1 Monat

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

Profilbild von MrPrime ✦.
MrPrime ✦.vor 1 Monat

Y'all, pls hold this man for me😂

Profilbild von Grant ❂
Grant ❂vor 1 Monat

You wan beat me? I go report you🤣

Profilbild von Raven
Ravenvor 1 Monat

This was really good and funny 😂

Profilbild von Grant ❂
Grant ❂vor 1 Monat

Thanks jare😂😂😂❤️…my dear friend

Profilbild von Kaze
Kazevor 1 Monat

See resource I don grab am

Profilbild von Grant ❂
Grant ❂vor 1 Monat

Grab ammm fassstttt😂😂😂

Profilbild von Kaze
Kazevor 1 Monat

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 1 Monat

I enjoyed it 😂😂

Profilbild von Grant ❂
Grant ❂vor 1 Monat

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 1 Monat

Your tutorial is a discovery😂😂

Profilbild von Grant ❂
Grant ❂vor 1 Monat

My boss, thanks😂😂😂😂

Profilbild von Crownz | AI & Design
Crownz | AI & Designvor 1 Monat

😂 Enjoyed watching this

Profilbild von Grant ❂
Grant ❂vor 1 Monat

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

Profilbild von Tijesuni
Tijesunivor 1 Monat

Dope stuff

Profilbild von Dotun
Dotunvor 1 Monat

This is really cool

Profilbild von Grant ❂
Grant ❂vor 1 Monat

Thanks man

Profilbild von Khlaseek designer
Khlaseek designervor 1 Monat

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

Profilbild von Grant ❂
Grant ❂vor 1 Monat

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

Profilbild von Khlaseek designer
Khlaseek designervor 1 Monat

Shey you Dey TikTok ?

Profilbild von Shark 🌊🦈
Shark 🌊🦈vor 1 Monat

Why are you now shouting?? 😭 😂

Profilbild von Grant ❂
Grant ❂vor 1 Monat

Na shouting spirit enter my body

Profilbild von BeingAmarachi
BeingAmarachivor 1 Monat

Who released you😭😭😭😭😭

Profilbild von Grant ❂
Grant ❂vor 1 Monat

From Kirikiri? Na you nau😂😂😂

Profilbild von BeingAmarachi
BeingAmarachivor 1 Monat

I’ve missed you ohh

Profilbild von Grant ❂
Grant ❂vor 1 Monat

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

Profilbild von Moh the Polymath
Moh the Polymathvor 1 Monat

You are a mad man. I ll follow

Profilbild von Grant ❂
Grant ❂vor 1 Monat

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 1 Monat

Amazing stuff 😍

Profilbild von Johnsmith
Johnsmithvor 1 Monat

Good

Profilbild von Abdulyaqeen Abdulquddus
Abdulyaqeen Abdulquddusvor 1 Monat

😅😅

Profilbild von AI Mastery Guide
AI Mastery Guidevor 1 Monat

3D landing page, curious how it turns out

Profilbild von Eugene M.
Eugene M.vor 1 Monat

epic!

Profilbild von LilͥᎠrͣiͫקe
LilͥᎠrͣiͫקevor 1 Monat

Omoh una guide ooo. Fable 5!

Profilbild von EAZI👾 AI CREATOR / PRODUCT ENGR ( FLUTTER )
EAZI👾 AI CREATOR / PRODUCT ENGR ( FLUTTER )vor 1 Monat

This goes hardddd 🔥🔥🔥

Ähnliche Videos