ThreeUI: Meng To erweitert prozedurale Three.js-Bibliothek via Claude Code

X-PostMeng To23. August 2026Tool

Designer Meng To hat seine quelloffene Bibliothek ThreeUI um 60 weitere Three.js-Komponenten auf insgesamt 280 Entwürfe ausgebaut. Er nutzt Claude Code und Opus, um aus bestehendem Quellcode neue Varianten, Umgebungen, Animationen und Interaktionsmuster zu generieren.

Das Wichtigste

ThreeUI umfasst prozedurale 3D-Hero-Sections, Icons und Motion-Designs mit einer Dateigröße von 100 bis 200 KB.
Über 160 Komponenten sind kostenlos und quelloffen verfügbar, während Pro- und Lifetime-Versionen Zusatzkomponenten, MCP und Agent-Skills enthalten.
Meng To steuert Claude Code über strukturierte Prompt-Kategorien wie Environment, Colors, Style, Typography, Animation und Interactions.
Im Entwicklungsprozess nutzt To Opus primär für Frontend-Design sowie Codex für den Bau der Website und des Repositories.
Um Ratelimits zu umgehen, setzt er auf jeweils zwei parallele Max- bzw. Pro-Abonnements für Claude und Codex.

Warum das relevant ist

Prozedurales 3D im Browser war lange Zeit schwerfällig und aufwendig in der Entwicklung. Die Kombination aus agentenbasierten Coding-Tools wie Claude Code und prozeduralem JavaScript zeigt, wie Entwickler schnell leichtgewichtige, interaktive 3D-Varianten erzeugen können, ohne auf schwere Modelldateien zurückzugreifen.

Einordnung

Meng Tos Workflow illustriert einen praktischen Ansatz für Creative Coding mit LLMs: Statt 3D-Szenen von Grund auf generieren zu lassen, dient robuster Quellcode als Basis, aus dem Modelle wie Claude Opus gezielt thematische und interaktive Varianten ableiten. Die strukturierte Unterteilung der Prompts nach Beleuchtung, Interaktion und Typografie minimiert Drift und sorgt für konsistente Ergebnisse.

Original-Post

Meng To

@MengTo · 23. August 2026

This blew up, so I added 60 more three.js components from experiments I made over the last two weeks. I'm still amazed by how well Claude Code can create variants from source code, so I went wild with new themes, environments, and interactions. Some three.js prompts I used: - t.co/FZklsbwda9 t.co/cJKKtI1hl0

1132 Likes51 Antworten1232 Lesezeichen100.540 Aufrufe

Auf X ansehen

Weitere Posts im Thread (9)

@Fluxora_Studios I now look at my old designs and feel quite a bit embarrassed. I guess it's a good sign.
@boringdev77 not in parallax, but when one hits limit, i log off and switch.
@AliceInfoAi a lot of experiments are done in parallel and put in back burner. then this project hits, so i polish/prompt them quite a bit using the prompts mentioned.
@GabiiAH11 went from 220 to 280. going to keep growing bc i love experimenting with designs.
@VanhDesign honestly, procedural 3d changes the game. used to be so heavy and slow. now it's lightweight and opus can create amazing results.
@boringdev77 yes, instead of buying credits which drain way faster
@Mortezabihzadeh i have to admit that I ignored claude for the longest time. catching up all at once. i see the light now. it's the best at design.
@islemonarch it's both a blessing and a curse. i know i should be doing other things but when things blow up, i can't ignore the call! can't wait to show you the other things i have in store!
@bygregorr I think having a strong source code really helps, and also the skills can help. It's important to prompt based on context, so you're giving the most probable path but still be creative. It's hard but I guess that's why we call it vibing.

Ausgewählte Antworten (5)

@GabiiAH11 @MengTo genuinely the best use of opus for frontend i've seen posted, not a demo, an actual growing library
@JCMAppStudio @MengTo 160 free components is a lot of surface area to keep consistent. How are you catching regressions when you tweak shared source across the whole set, spot checking scenes manually or do you have some kind of batch render and diff step before you ship a theme change?
@islemonarch @MengTo Meng i can see you're in a flow and feel unstoppable, i want to stress that you're output is so high quality that i hope people can catch up but i want you to know that the work you're doing now will be discussed for a long time after the momentum of these posts.
@VanhDesign @MengTo amazing 3d work, those assets are 🔥, we re gonna start to see all sort of new kind of 3d websites now
@Fluxora_Studios @MengTo I am blown away every day as well bro Insane work 🤝

Erwähnte Links

Links und Tools aus diesem Beitrag

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

X-Post:Meng To21. Aug. 2026
Meng To veröffentlicht ThreeUI als Open-Source-Bibliothek für Three.js-Komponenten
Meng To hat ThreeUI als Open Source bereitgestellt. Die Sammlung umfasst mehr als 160 kostenlose Three.js-Komponenten und Landing-Page-Vorlagen, die für die Anpassung mittels KI-Agenten optimiert sind.
14.661Lesezeichen1,3 Mio.Aufrufe
Webentwicklung· Ankündigung
X-Post:Meng To25. Aug. 2026
ThreeUI und Opus 5: 3D-Webseiten per Videoreferenz und Code-Generierung
Designer Meng To nutzt Claude Opus 5, um auf Basis von Videoreferenzen interaktive 3D-Produktseiten in three.js oder Blender zu generieren. Sein quelloffenes Komponenten-Projekt ThreeUI erreicht nach wenigen Tagen hohe Abrufzahlen.
2412Lesezeichen228.543Aufrufe
KI & AI· News
Prompt:Meng To5. Sep. 2026
Prompt-Verweis: Open-sourcing ThreeUI: A library of Three.js components and landing pages
Meng To hat ThreeUI als Open-Source-Projekt veröffentlicht. Die Sammlung enthält über 160 kostenlose Three.js-Komponenten, prozedurale 3D-Hero-Sections, Icons und Motion-Designs samt zugehörigem Tool.
Webentwicklung· Sammlung
X-Post:Meng To25. Sep. 2026
Meng To: Webdesign und Three.js-Szenen mit Opus 5.5 und Mobbin MCP
Designer Meng To stellt ein 47-minütiges Video-Tutorial vor, in dem er zeigt, wie er mit Opus 5.5 und dem Mobbin MCP vollständige Landingpages mit interaktiven Three.js-3D-Szenen erstellt.
796Lesezeichen27.042Aufrufe
KI & AI· Anleitung
Repository:img2threejs/img2threejs3. Sep. 2026
img2threejs: Bild-zu-3D-Rekonstruktion als prozeduraler Three.js-Code
img2threejs rekonstruiert Objekte aus Referenzbildern als prozeduralen, animationsbereiten Three.js-Code. Statt Fotogrammetrie oder Mesh-Extraktion setzt das Projekt auf token-effiziente Code-Generierung.
15.104SternePython
KI & AI· Tool
Repository:MengTo/threeui5. Sep. 2026
ThreeUI Community: Interaktive 3D- und WebGL-Komponenten für React
ThreeUI Community ist eine quelloffene Komponentenbibliothek und ein interaktiver Katalog für 3D- und Shader-gestützte UI-Elemente in React. Das Projekt stammt von Meng To (DesignCode) und stellt den vollständigen Quellcode der kostenlosen Community-Komponenten ohne Login-Zwang bereit.
5151SterneHTML
Webentwicklung· Tool