Загрузка видео...

Не удалось загрузить видео

На главную

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

34,633 просмотров • 2 месяцев назад •via X (Twitter)

Комментарии: 49

Фото профиля Grant ❂
Grant ❂2 месяцев назад

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
Ubong Ephraim2 месяцев назад

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

Фото профиля Grant ❂
Grant ❂2 месяцев назад

Thanks mannn

Фото профиля Brown ™️
Brown ™️2 месяцев назад

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

Фото профиля Grant ❂
Grant ❂2 месяцев назад

Thanks my bro✌🏽😄

Фото профиля Billionaire Designer
Billionaire Designer2 месяцев назад

Why so dramatic though? 😂 👏🏾

Фото профиля Grant ❂
Grant ❂2 месяцев назад

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

Фото профиля Billionaire Designer
Billionaire Designer2 месяцев назад

🤣

Фото профиля Grant ❂
Grant ❂2 месяцев назад

🤣

Фото профиля Techa
Techa2 месяцев назад

I love these videos mehnn Just like me 😂

Фото профиля Grant ❂
Grant ❂2 месяцев назад

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

Фото профиля MrPrime ✦.
MrPrime ✦.2 месяцев назад

Y'all, pls hold this man for me😂

Фото профиля Grant ❂
Grant ❂2 месяцев назад

You wan beat me? I go report you🤣

Фото профиля Raven
Raven2 месяцев назад

This was really good and funny 😂

Фото профиля Grant ❂
Grant ❂2 месяцев назад

Thanks jare😂😂😂❤️…my dear friend

Фото профиля Kaze
Kaze2 месяцев назад

See resource I don grab am

Фото профиля Grant ❂
Grant ❂2 месяцев назад

Grab ammm fassstttt😂😂😂

Фото профиля Kaze
Kaze2 месяцев назад

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

Фото профиля Favour Idowu | cracker 🎭
Favour Idowu | cracker 🎭2 месяцев назад

I enjoyed it 😂😂

Фото профиля Grant ❂
Grant ❂2 месяцев назад

Thanks mannn❤️🙌🏽😂

Фото профиля Caleb One2x
Caleb One2x1 месяц назад

Where have you been man????

Фото профиля Grant ❂
Grant ❂1 месяц назад

Just been there man

Фото профиля Caleb One2x
Caleb One2x1 месяц назад

Not just bro!

Фото профиля WYSEKNIGH〒.xyz🔰
WYSEKNIGH〒.xyz🔰2 месяцев назад

Your tutorial is a discovery😂😂

Фото профиля Grant ❂
Grant ❂2 месяцев назад

My boss, thanks😂😂😂😂

Фото профиля Crownz | AI & Design
Crownz | AI & Design2 месяцев назад

😂 Enjoyed watching this

Фото профиля Grant ❂
Grant ❂2 месяцев назад

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

Фото профиля Tijesuni
Tijesuni2 месяцев назад

Dope stuff

Фото профиля Dotun
Dotun2 месяцев назад

This is really cool

Фото профиля Grant ❂
Grant ❂2 месяцев назад

Thanks man

Фото профиля Khlaseek designer
Khlaseek designer2 месяцев назад

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

Фото профиля Grant ❂
Grant ❂2 месяцев назад

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

Фото профиля Khlaseek designer
Khlaseek designer2 месяцев назад

Shey you Dey TikTok ?

Фото профиля Shark 🌊🦈
Shark 🌊🦈2 месяцев назад

Why are you now shouting?? 😭 😂

Фото профиля Grant ❂
Grant ❂2 месяцев назад

Na shouting spirit enter my body

Фото профиля BeingAmarachi
BeingAmarachi2 месяцев назад

Who released you😭😭😭😭😭

Фото профиля Grant ❂
Grant ❂2 месяцев назад

From Kirikiri? Na you nau😂😂😂

Фото профиля BeingAmarachi
BeingAmarachi2 месяцев назад

I’ve missed you ohh

Фото профиля Grant ❂
Grant ❂2 месяцев назад

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

Фото профиля Moh the Polymath
Moh the Polymath2 месяцев назад

You are a mad man. I ll follow

Фото профиля Grant ❂
Grant ❂2 месяцев назад

Jesus 😂😂😂….thanks man 😂

Фото профиля Kaitlyn Olivah
Kaitlyn Olivah1 месяц назад

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.
LeeDesigns | UI/UX & Framer Dev.2 месяцев назад

Amazing stuff 😍

Фото профиля Johnsmith
Johnsmith2 месяцев назад

Good

Фото профиля Abdulyaqeen Abdulquddus
Abdulyaqeen Abdulquddus2 месяцев назад

😅😅

Фото профиля AI Mastery Guide
AI Mastery Guide2 месяцев назад

3D landing page, curious how it turns out

Фото профиля Eugene M.
Eugene M.2 месяцев назад

epic!

Фото профиля LilͥᎠrͣiͫקe
LilͥᎠrͣiͫקe2 месяцев назад

Omoh una guide ooo. Fable 5!

Фото профиля EAZI👾 AI CREATOR / PRODUCT ENGR ( FLUTTER )
EAZI👾 AI CREATOR / PRODUCT ENGR ( FLUTTER )2 месяцев назад

This goes hardddd 🔥🔥🔥

Похожие видео