ThreeUI and Opus 5: Generating 3D Websites from Video References

X postMeng ToNews

Designer Meng To demonstrates how Claude Opus 5 creates interactive three.js and Blender product pages based on video references, accompanying the launch of his ThreeUI project.

Key points

  1. Meng To claims Opus 5 can take video references and directly build three.js or Blender experiences, such as exploded views and wireframes.
  2. Lighting, textures, and details can be iteratively enhanced using follow-up prompts.
  3. His design team is migrating landing pages from images and videos to three.js, arguing that code-based sites are lighter and allow AI agents to iterate more precisely.
  4. The approach blends standard HTML with 3D elements, avoiding negative impacts on SEO.
  5. His open-source project ThreeUI reached 100,000 views per day and gained 3,800 GitHub stars within four days.

Why it matters

Interactive 3D on the web has historically required specialised 3D skills and heavy media assets. AI models capable of generating procedural three.js code from simple video references lower that barrier significantly.

Analysis

Meng To showcases a shift from asset-heavy landing pages toward procedural, code-driven 3D scenes using three.js. Because code is directly editable by AI models like Opus 5, prompt-based adjustments to lighting, meshes, and motion become straightforward. The project ThreeUI serves as a template repository designed for agent-assisted customisation, demonstrating practical applications of generative AI in modern frontend design.

Original post

Meng To

@MengTo · 25 August 2026

Opus 5 is so good at creating these exploded-view and wireframe three.js product sites. Give it a video reference and it can build the experience directly in three.js or Blender. Then keep improving the details, textures, and lighting with follow-up prompts. I got our entire t.co/sJWFrCoxSx t.co/cJKKtI1hl0

1.9k likes63 replies2.4k bookmarks228.5k views

View on X
More posts in the thread (9)
  1. @islemonarch I depleted 2 of my Claude Max accounts this week. Yep, I'm addicted.
  2. @0xWuki I've been using it for all my new pages/components. Opus 5 is incredible at remixing.
  3. @Rohthebuilder newly discovered skill in the era of ai
  4. @Fluxora_Studios claude the artist, codex the manager
  5. @terenzeyuen the future of web design (and even games) is gonna be crazy with three.js
  6. @DoopySmoo can you try a vpn? i heard it might be region-based
  7. @RayFernando1337 Anytime Ray! DM is open. Also, thanks so much for getting a sub!
  8. @visualizedigitl SEO is just the same. this is not all three.js, but a mix between html and 3d.
  9. @Fortytwo____ yep tested on codex too
Selected replies (5)
  • @RayFernando1337 @MengTo Bro this is insane. I'd love to have you on my stream to go over some of this stuff. I can't believe it!!
  • @islemonarch @MengTo Easy sell as i have been seeing posts about Threeui all over x and even through some of my colleagues Meng.
  • @0xWuki @MengTo ThreeUI is cheat code level design energy 🤝 pleasure to connect
  • @Rohthebuilder @MengTo Beautiful!
  • @Fluxora_Studios @MengTo Cooking 🤝 I have Claude on overdrive as well

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Related entries

Similar in content, found by the AI search.

  • X post:Meng To

    ThreeUI: Meng To Expands Procedural Three.js Library Using Claude Code

    Designer Meng To has expanded his open-source ThreeUI library by 60 new Three.js components, bringing the total to 280. He leverages Claude Code and Opus to rapidly generate variations in themes, environments, and interactions directly from existing source code.

    1.2kbookmarks100.5kviews

    AI & LLMs· Tool

  • X post:Eric Buess

    Code-Driven Video and 3D Visualisation with Opus 5.5

    Eric Buess curates a thread of community demonstrations showcasing how Opus 5.5 and Claude Code produce videos, 3D scenes, and interactive educational graphics, frequently relying entirely on programmatically generated code rather than traditional diffusion models.

    176bookmarks77.3kviews

    AI & LLMs· Demo

  • X post:Eric Buess

    Creative Visualisations and 3D Projects Powered by Claude Opus 5.5

    Eric Buess curates a collection of community demonstrations showcasing how Claude Opus 5.5 is used for programmatic animations, 3D modelling, and video direction, frequently generating code rather than using image models.

    337bookmarks79.9kviews

    AI & LLMs· Resource

Back to the knowledge base

Let's talk about your project

Get in touch

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.