Meng To veröffentlicht ThreeUI als Open-Source-Bibliothek für Three.js-Komponenten

X-PostMeng To21. August 2026Ankündigung

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.

Das Wichtigste

ThreeUI enthält über 160 kostenlose, prozedural in JavaScript erstellte 3D-Hero-Sections, Icons und Motion-Designs.
Die einzelnen Komponenten sind laut Autor jeweils etwa 100 bis 200 KB groß.
Sowohl der Quellcode als auch vorgefertigte Prompts lassen sich kopieren und an KI-Agenten übergeben, um Theme, Beleuchtung, Bewegung oder Layout anzupassen.
Eine kostenpflichtige Pro-Version bietet über 50 zusätzliche Komponenten, MCP-Integrationen und Agent-Skills.
Der Code ist auf GitHub (MengTo/threeui) und das Tool auf threeui.com verfügbar.

Warum das relevant ist

3D-Webgrafiken erfordern oft große Assets und komplexe Implementierungen. ThreeUI setzt auf leichtgewichtigen, prozeduralen JavaScript-Code und kombiniert UI-Design direkt mit agentenbasierten KI-Workflows zur Weiterbearbeitung.

Einordnung

Das Projekt zeigt einen Trend, Frontend-Komponenten direkt für LLMs und KI-Coding-Agenten aufzubereiten. Indem Vorlagen als Prompt oder kompakter prozeduraler Code bereitgestellt werden, können Entwickler 3D-Szenen rasch modifizieren, ohne komplexe 3D-Assets manuell in externen Werkzeugen bauen zu müssen.

Original-Post

Meng To

@MengTo · 21. August 2026

I open-sourced ThreeUI, my library of three.js components and landing pages. 160+ are free, and the tool is free too. It includes procedural 3D hero sections, icons, and motion designs. Copy the prompt or source, give it to your agent, then change the theme, lighting, motion or t.co/YagCLibnqu t.co/4IU40QWAPz

8950 Likes157 Antworten14.661 Lesezeichen1,3 Mio. Aufrufe

Auf X ansehen

Weitere Posts im Thread (2)

@TushargulyaniX Just added 40 components! Crazy how this blew up
@avenger The 3D model looks incredible. Did you use any library, and did you use Opus 5?

Ausgewählte Antworten (5)

@SebastianRoehl @MengTo This site triggered the fans in my M3 MacBook Pro :D
@TushargulyaniX @MengTo you're doing some real work
@avenger @MengTo This is a great example of making 3D components feel like a real design system instead of isolated demos. I recently built a small Zen Hall with Three.js too—quiet, interactive, and meant to be experienced rather than just viewed. Try it here: t.co/P1LGVvNnON
@avenger @MengTo The core is Three.js. I built the scene as a lightweight browser experience and iterated on the space and interactions directly; Opus 5 was not a dependency for the final scene. I’m still exploring AI-assisted workflows.
@scottstts @MengTo @threejs Incredible! Thank you for open sourcing it!

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 To23. Aug. 2026
ThreeUI: Meng To erweitert prozedurale Three.js-Bibliothek via Claude Code
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.
1232Lesezeichen100.540Aufrufe
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
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: Expansion of ThreeUI Library with Claude Code
Meng To hat seine Sammlung um 60 weitere Three.js-Komponenten aus zweiwöchigen Experimenten erweitert. Dabei nutzte er Claude Code, um Varianten bestehender Quelltexte für neue Themes, Umgebungen und Interaktionen zu erzeugen.
KI & AI· 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
X-Post:Meng To16. Sep. 2026
Open-Source-Landingpage Seijaku und acht Three.js-Skills für KI-Agenten
Meng To hat den Quellcode für Seijaku veröffentlicht, eine interaktive 3D-Landingpage für einen virtuellen Rundgang durch ein japanisches Haus. Neben dem Projekt stellt er acht modulare Three.js-Skills bereit, die KI-Agenten bei der Erstellung komplexer 3D-Szenen unterstützen sollen.
260Lesezeichen21.438Aufrufe
KI & AI· Sammlung