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

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

На главную

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

granttheeking's profile picture

Grant ❂

2,571 subscribers

31,267 просмотров • 13 дней назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

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

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

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

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 просмотров • 6 месяцев назад

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

Building a 3D Lego sculpture in Claude Code desktop

Evan Bacon 🥓

11,939 просмотров • 4 месяцев назад

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 просмотров • 25 дней назад

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

Vive coding with Claude Code and Three.js.

Carlos Ulloa

17,411 просмотров • 7 месяцев назад

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 просмотров • 20 дней назад

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 просмотров • 8 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 3 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 6 месяцев назад