Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

granttheeking's profile picture

Grant ❂

2,571 subscribers

31,267 görüntüleme • 13 gün önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 6 ay önce

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

Building a 3D Lego sculpture in Claude Code desktop

Evan Bacon 🥓

11,939 görüntüleme • 4 ay önce

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,063 görüntüleme • 25 gün önce

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

Vive coding with Claude Code and Three.js.

Carlos Ulloa

17,411 görüntüleme • 7 ay önce

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 görüntüleme • 20 gün önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 6 ay önce