Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

34,633 görüntüleme • 2 ay önce •via X (Twitter)

49 Yorum

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

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

Ubong Ephraim profil fotoğrafı
Ubong Ephraim2 ay önce

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

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

Thanks mannn

Brown ™️ profil fotoğrafı
Brown ™️2 ay önce

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

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

Thanks my bro✌🏽😄

Billionaire Designer profil fotoğrafı
Billionaire Designer2 ay önce

Why so dramatic though? 😂 👏🏾

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

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

Billionaire Designer profil fotoğrafı
Billionaire Designer2 ay önce

🤣

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

🤣

Techa profil fotoğrafı
Techa2 ay önce

I love these videos mehnn Just like me 😂

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

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

MrPrime ✦. profil fotoğrafı
MrPrime ✦.2 ay önce

Y'all, pls hold this man for me😂

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

You wan beat me? I go report you🤣

Raven profil fotoğrafı
Raven2 ay önce

This was really good and funny 😂

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

Thanks jare😂😂😂❤️…my dear friend

Kaze profil fotoğrafı
Kaze2 ay önce

See resource I don grab am

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

Grab ammm fassstttt😂😂😂

Kaze profil fotoğrafı
Kaze2 ay önce

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

Favour Idowu | cracker 🎭 profil fotoğrafı
Favour Idowu | cracker 🎭2 ay önce

I enjoyed it 😂😂

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

Thanks mannn❤️🙌🏽😂

Caleb One2x profil fotoğrafı
Caleb One2x1 ay önce

Where have you been man????

Grant ❂ profil fotoğrafı
Grant ❂1 ay önce

Just been there man

Caleb One2x profil fotoğrafı
Caleb One2x1 ay önce

Not just bro!

WYSEKNIGH〒.xyz🔰 profil fotoğrafı
WYSEKNIGH〒.xyz🔰2 ay önce

Your tutorial is a discovery😂😂

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

My boss, thanks😂😂😂😂

Crownz | AI & Design profil fotoğrafı
Crownz | AI & Design2 ay önce

😂 Enjoyed watching this

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

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

Tijesuni profil fotoğrafı
Tijesuni2 ay önce

Dope stuff

Dotun profil fotoğrafı
Dotun2 ay önce

This is really cool

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

Thanks man

Khlaseek designer profil fotoğrafı
Khlaseek designer2 ay önce

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

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

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

Khlaseek designer profil fotoğrafı
Khlaseek designer2 ay önce

Shey you Dey TikTok ?

Shark 🌊🦈 profil fotoğrafı
Shark 🌊🦈2 ay önce

Why are you now shouting?? 😭 😂

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

Na shouting spirit enter my body

BeingAmarachi profil fotoğrafı
BeingAmarachi2 ay önce

Who released you😭😭😭😭😭

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

From Kirikiri? Na you nau😂😂😂

BeingAmarachi profil fotoğrafı
BeingAmarachi2 ay önce

I’ve missed you ohh

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

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

Moh the Polymath profil fotoğrafı
Moh the Polymath2 ay önce

You are a mad man. I ll follow

Grant ❂ profil fotoğrafı
Grant ❂2 ay önce

Jesus 😂😂😂….thanks man 😂

Kaitlyn Olivah profil fotoğrafı
Kaitlyn Olivah1 ay önce

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.

LeeDesigns | UI/UX & Framer Dev. profil fotoğrafı
LeeDesigns | UI/UX & Framer Dev.2 ay önce

Amazing stuff 😍

Johnsmith profil fotoğrafı
Johnsmith2 ay önce

Good

Abdulyaqeen Abdulquddus profil fotoğrafı
Abdulyaqeen Abdulquddus2 ay önce

😅😅

AI Mastery Guide profil fotoğrafı
AI Mastery Guide2 ay önce

3D landing page, curious how it turns out

Eugene M. profil fotoğrafı
Eugene M.2 ay önce

epic!

LilͥᎠrͣiͫקe profil fotoğrafı
LilͥᎠrͣiͫקe2 ay önce

Omoh una guide ooo. Fable 5!

EAZI👾 AI CREATOR / PRODUCT ENGR ( FLUTTER ) profil fotoğrafı
EAZI👾 AI CREATOR / PRODUCT ENGR ( FLUTTER )2 ay önce

This goes hardddd 🔥🔥🔥

Benzer Videolar