Loading video...

Video Failed to Load

Go Home

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

granttheeking's profile picture

Grant ❂

2,571 subscribers

31,267 views • 13 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

building with Claude and Three.js to visualize wind in 3d is fun
0:37

building with Claude and Three.js to visualize wind in 3d is fun

Blaze

91,918 views • 6 months ago

Building a 3D Lego sculpture in Claude Code desktop
0:20

Building a 3D Lego sculpture in Claude Code desktop

Evan Bacon 🥓

11,939 views • 4 months ago

I recorded a 40-min tutorial on how to create three.js landing pages using Claude Code and Opus 5
40:11

I recorded a 40-min tutorial on how to create three.js landing pages using Claude Code and Opus 5

Meng To

269,140 views • 26 days ago

Vive coding with Claude Code and Three.js.
0:20

Vive coding with Claude Code and Three.js.

Carlos Ulloa

17,411 views • 7 months ago

hey robot 2.0 I thought we couldn't vibe code AAA characters in Three.js? built w/ Claude Customuse Tripo Blender 🔶
1:06

hey robot 2.0 I thought we couldn't vibe code AAA characters in Three.js? built w/ Claude Customuse Tripo Blender 🔶

Majid Manzarpour

12,448 views • 20 days ago

Wow... This Claude Code Design Hack is wild. When building landing pages, don't ask for a single landing page. Ask for a directory of landing page options... and in your 1st prompt tell it to learn from your preferences as you generate more. Use this prompt below 👇
0:21

Wow... This Claude Code Design Hack is wild. When building landing pages, don't ask for a single landing page. Ask for a directory of landing page options... and in your 1st prompt tell it to learn from your preferences as you generate more. Use this prompt below 👇

Vibecode

186,737 views • 8 months ago

Hey Claude, redesign my landing page and add some 3D depth to it 🔥 — Claude Opus 4.8 ultracode
0:26

Hey Claude, redesign my landing page and add some 3D depth to it 🔥 — Claude Opus 4.8 ultracode

FHILY👑

15,613 views • 2 months ago

Take a peek at Aniimate, an animation app I'm building as a personal project, and eventually your favorite new way to animate in 3D! I've wanted to play around with this for years, but not being able to code has been a blocker…until Claude Code. #Unity #Blender #ClaudeAI
0:41

Take a peek at Aniimate, an animation app I'm building as a personal project, and eventually your favorite new way to animate in 3D! I've wanted to play around with this for years, but not being able to code has been a blocker…until Claude Code. #Unity #Blender #ClaudeAI

Joe Daniels

62,940 views • 6 months ago

ok.. Claude Opus 5 is next level with Three.js a sakura bonsai, entirely in code, demo link below 👇
1:13

ok.. Claude Opus 5 is next level with Three.js a sakura bonsai, entirely in code, demo link below 👇

Majid Manzarpour

25,813 views • 1 month ago

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:
0:29

Claude Fable 5 built a 3D product website with Claude Code Generate an image of a product with the Magnific MCP, and convert it into a 3D model. Download that model and give it to Fable 5 to develop an interactive page with. Here's the final result + prompts:

Jerrod Lew

33,687 views • 3 months ago

I made a three.js landing page with 3D scrolling for every section of the site. Since AI got so good with 3D, you can replace videos with 3D instead. Apart from images, the whole site is 922 KB on disk, 290 KB gzipped. That's insane when a scrolling video site runs 20-100mb at 1080p depending on length. As usual I had to prompt for improved textures, lighting and alpha masking. I used Claude Code (desktop) with Opus 5, Higgsfield for images, and for the cloth effect on them. Inspiration was Daniel Snow's awesome landing page: Let me know if I should open-source. Don't wanna share too many without people asking.
0:38

I made a three.js landing page with 3D scrolling for every section of the site. Since AI got so good with 3D, you can replace videos with 3D instead. Apart from images, the whole site is 922 KB on disk, 290 KB gzipped. That's insane when a scrolling video site runs 20-100mb at 1080p depending on length. As usual I had to prompt for improved textures, lighting and alpha masking. I used Claude Code (desktop) with Opus 5, Higgsfield for images, and for the cloth effect on them. Inspiration was Daniel Snow's awesome landing page: Let me know if I should open-source. Don't wanna share too many without people asking.

Meng To

606,422 views • 1 month ago

Creating a 3D model with fal via Blender MCP, then exporting the 3d model back into Windsurf for our vibe-coded three.js game. All done via Cascade!
0:48

Creating a 3D model with fal via Blender MCP, then exporting the 3d model back into Windsurf for our vibe-coded three.js game. All done via Cascade!

Windsurf

56,319 views • 1 year ago

This is an opensource fully procedural building generator running using Three.js . Building customization, (GPU instancing). Real-time snow, rain & wet surfaces. I reverse-engineered a Blender geometry nodes graph to TypeScript. Source code :
0:39

This is an opensource fully procedural building generator running using Three.js . Building customization, (GPU instancing). Real-time snow, rain & wet surfaces. I reverse-engineered a Blender geometry nodes graph to TypeScript. Source code :

Chiro Visuals

88,231 views • 2 months ago

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain
44:36

Claude Code is the best coding agent AND general agent in the world. Let's talk about: - Setting up Claude Code - Using it as a general agent (Research + Content) - Claude Code + Obsidian - Building and deploying web apps Vercel GitHub - Database + Auth Firebase TIMESTAMPS: 00:00 Intro 00:44 Installing Claude Code 03:39 Creating Folders and Text Files 04:35 Using Claude Code as a Content Research Agent with Obsidian 18:06 Review: It's a general agent, that can control your cpu 19:02 Building Apps with Claude Code 21:36 Bypassing Permissions (Dangerously) 22:45 Creating a landing page 25:08 Setting up and "Saving" to GitHub 30:27 Deploying to Vercel 32:32 Building a web app with auth and db (Firebase) 35:03 Setting up Firebase 38:58 Our Web App With Auth Works! 42:55 You can add your own domain

Riley Brown

208,106 views • 1 year ago

So apparently Claude Fable can animate rigged models in Three.js with pure code Details below 👇
0:29

So apparently Claude Fable can animate rigged models in Three.js with pure code Details below 👇

Majid Manzarpour

29,553 views • 2 months ago

last year we wasted $120K and 6 months on a fancy landing page this year I vibe coded a better one in a weekend starting with a very simple claude code prompt:
0:33

last year we wasted $120K and 6 months on a fancy landing page this year I vibe coded a better one in a weekend starting with a very simple claude code prompt:

brett goldstein

58,408 views • 6 months ago

last year we wasted $120K and 6 months on a fancy landing page this year I vibe coded a better one in a weekend starting with a very simple claude code prompt:
0:21

last year we wasted $120K and 6 months on a fancy landing page this year I vibe coded a better one in a weekend starting with a very simple claude code prompt:

⊣ ⊃⋃⋂∈ ⊢

11,022 views • 6 months ago

Always loved these topographic maps and wanted to create something similar with Three.js. 3 hours in Claude Code with Fable.
0:37

Always loved these topographic maps and wanted to create something similar with Three.js. 3 hours in Claude Code with Fable.

Zsolt Kacso

123,351 views • 2 months ago

Started building my own animation tool with Claude Code yesterday.
0:23

Started building my own animation tool with Claude Code yesterday.

Erman Malak

29,808 views • 6 months ago