ThreeUI Community: Interaktive 3D- und WebGL-Komponenten für React

RepositoryMengTo/threeuiTool

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.

Das Wichtigste

  1. Basiert auf React, Three.js, Shaders und WebGL und kann via npm über das Paket @designcodeio/threeui installiert werden.
  2. Umfasst 50 übergeordnete Community-Komponenten, 111 Routen und 141 freie Varianten inklusive aller Controls und Quelltexte.
  3. Nutzt dieselbe Web-Oberfläche, Suchfunktion, Themes und interaktiven Live-Renderer wie die kommerzielle ThreeUI-Plattform.
  4. Pro- und Beta-Komponenten sowie Authentifizierungs- und Checkout-Logiken sind im Community-Repository nicht enthalten.
  5. Lokaler Start über Node.js (npm install und npm run dev) sowie Unterstützung für isolierte Komponenten-Subpath-Imports zur Reduzierung des Bundle-Umfangs.

Warum das relevant ist

Die Einbindung aufwendiger WebGL-Effekte und Three.js-Szenen in Web-Frontends erfordert normalerweise tiefgehendes Shader- und Grafikwissen. ThreeUI abstrahiert diese Komplexität in vorgefertigte React-Komponenten und senkt die Einstiegshürde für 3D-Interfaces spürbar.

Einordnung

Das Projekt richtet sich primär an Frontend-Entwickler und Designer, die moderne Webauftritte mit interaktiven 3D-Hintergründen oder visuellen Effekten anreichern möchten. Mit über 5.000 Sternen auf GitHub, solider Dokumentation, einem etablierten kommerziellen Hintergrund (DesignCode) und regelmäßiger Pflege präsentiert sich ThreeUI Community als praxisreifes Werkzeug. Das Geschäftsmodell basiert auf einer Freemium-Struktur mit kostenpflichtigen Pro-Features und Sponsoring-Optionen.

Gefunden in

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.

  • Repository:webprodigies-org/flute

    Flute: Filmische 3D-Szenen aus echten React-Komponenten

    Flute ist ein Open-Source-Renderer von Web Prodigies, der produktive React-UIs in dreidimensionale, filmische Szenen mit Tiefenschärfe, Kamerabewegung und MP4-Export verwandelt. Das Werkzeug ist darauf ausgelegt, dass Coding-Agenten die Regie für Animationen und Kamerafahrten übernehmen.

    139SterneTypeScript

    Webentwicklung· Tool

  • X-Post:Meng To

    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

  • Link:21st Labs, Inc.

    21st.dev: Community-Registry für React-Komponenten und shadcn-Themes

    21st.dev ist ein Marktplatz und Verzeichnis mit über 12.000 React-Komponenten, Vorlagen und Themes. Die UI-Elemente basieren auf Tailwind CSS sowie shadcn/ui-Konventionen und lassen sich über vorbereitete Prompts direkt in AI-Tools wie Claude Code, Lovable oder Cursor einbinden.

    KI & AI· Sammlung

  • Repository:ashemag/human-atlas

    Human Atlas: Open-Source-3D-Anatomie-Explorer im Web

    Human Atlas ist ein interaktiver 3D-Anatomie-Explorer im Browser, der auf React, Three.js und shadcn/ui basiert. Das Projekt zerlegt den Datensatz BodyParts3D in 2.234 einzeln wählbare Meshes, deckt 15 anatomische Systeme ab und ermöglicht Explosionsansichten sowie gezielte Suchen.

    2872SterneTypeScript

    Webentwicklung· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

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

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.