Use Fable 5 for 3D Websites Before It's Gone

Most of the "3D websites" you see people generate with AI are not 3D websites at all. They are videos pretending to be interactive, beautiful to look at and impossible to touch. In this walkthrough I show you how I use Claude Fable 5 to build a real 3D animated website that renders live in the browser, reacts when you click it, and comes out of a single prompt.

What you need

• Access to a strong AI model. Everything here works with any AI model out there, but I highly recommend Fable 5 or Kimi K3, the new model, because right now they are the best at creating user interfaces.
• No video generator. That is the whole point. You are not paying for rendered footage, you are generating actual 3D code.

1. Why most AI 3D websites are fake (0:26)

There are two ways to create a 3D website, and most people trick you with the first one: they use a video generator to give you the impression of 3D. You create a beautiful 3D scene, it blows your mind, and you think "wow, this is great." The problem is that it cannot really be interactive. You cannot play around with the world you created. It is literally just for showcase.

2. What real browser-based 3D means (0:53)

The second way, the one I show you here, is having actual 3D inside the website. You get a tiny little world that you can populate. You can add things into it, remove things from it, and wire it up so that when you click on something, it reacts. That difference is everything: one approach gives you a pretty video, the other gives you a world you own.

3. The five building blocks of 3D (1:22)

Every 3D website is built from five major things:

1. The world: literally where things are located.
2. The objects: the things you put into that world.
3. The lights: extremely important. Is there a headlight coming down? Some ambient light? You can get very creative here. It is like building your own little showcase or your own little film.
4. The camera: you choose the type of camera you want, and Fable 5 already handles this quite automatically.
5. The engine: a 3D website is an actual 3D simulation running in the browser, and AI takes care of all of this for us.

You do not need to master any of these by hand. You just need to know they exist so you can direct the AI with intention.

4. The one-prompt Fable 5 build (2:24)

Now we build the site together. This is the exact prompt I sent to Claude, and you can use it as-is or get creative with it:

Hey Claude, please create a 3D animated website using WebGL, Three.js, and anything else you might need. I want it to be a stop-scrolling website with particle effects. There must be five sections, from 1 to 5. The numbers 1 to 5 should morph in shape as we move down progressively. The website should explain that creating a 3D website using AI is extremely simple and that you don't even need a video generator.

One prompt. No design files, no 3D software, no video budget.

5. WebGL and Three.js explained (3:10)

Two elements in that prompt do the heavy lifting. WebGL is, you can think of it, the thing in the browser that allows it to render 3D elements. It is what makes websites look so fancy when you see 3D effects, particle effects, or 2D simulations. Three.js is a framework used for 3D on top of that. You name them in the prompt so the model reaches for the right stack instead of faking the effect with flat animations.

6. The finished 3D website (3:51)

While recording, the Fable 5 servers were overloaded, so I had to drop the model to the medium effort setting. Even at medium effort, the result was extremely nice: an actual 3D website with a stop-scroll animation where particles morph into the next number every single time you move down. We could even ask it to make everything interactable. The point is this is not a video. It is actual 3D running in your browser that you can change, modify, and extend. You could take pictures of your shop and add effects to them using exactly what I showed you here.

7. A one-prompt solar system demo (4:56)

To show you the level you can reach with a single prompt, I opened another project of mine: a simulation of the solar system built from one prompt. I click on it, I interact with it, I change the planet, I go to the moon. And you can combine something like this with the website of your actual business.

8. Turning websites into experiences (5:14)

We no longer need boring websites with just 2D everywhere. We can now create experiences that really match what we bring to society. The prompt above is just a starter to see what you can really do with AI and 3D.

Pitfalls and tips

• If the servers are overloaded, switch Fable 5 to the medium effort setting. As you saw, medium effort still produced a genuinely impressive result.
• Do not pay for video generators for this use case. Videos cannot be interactive; browser 3D can. I will cover when video generation actually becomes relevant separately.

Where to go next

• I recommend Kimi K3 alongside Fable 5 for UI work. See why in Kimi K3 Just Put Claude and OpenAI on Notice.
• Want Claude to find you ready-made capabilities instead of building from scratch? Read How to Actually Find Any Claude Skill.