Gratis-Download

3D Websites Without Writing Shaders

Ein kostenloser Guide zu ThreeUI Community, dem Open-Source-Katalog von Meng To mit Three.js-, Shader- und CSS-Komponenten (MIT): Hero-Szenen, bewegte Hintergründe, Buttons und Text-Animationen für eine React-Seite. Free und Pro erklärt, die Installation in einer React-App, welche Komponente für welche Aufgabe passt, fünf Prompts für Claude Code und die Checks zu Performance, Lizenz und Datenschutz, bevor 3D auf einer echten Seite in der EU live geht.

Der Download startet sofort, der Link kommt auch per Mail.

Ohne Newsletter-Haken bekommst du genau eine Mail mit deinem Link, die Adresse wird nach 7 Tagen gelöscht.

Was drin ist
  • Free vs Pro Was im Open-Source-Paket steckt und was nicht.
  • Install npm install, ein Import und die Laufzeit-Dateien, die ganze Seiten brauchen.
  • Which component Hero, Hintergrund, Button, Überschrift, Textur: was du für welche Aufgabe ausprobierst.
  • PROMPTS.md Fünf Prompts: Hero einbauen, ein Button, Pausieren wenn unsichtbar, Mobil-Fallback, Datenschutz-Check.
  • CHECKLIST.md Checks zu Performance, Lizenz und Datenschutz, bevor 3D live geht.
  • Honest catches Free und Pro nebeneinander, Laufzeit-Dateien, schwere Szenen, externe Anfragen.

Node.js 20+ und eine React-18- oder -19-App (Vite oder Next.js). Claude Code oder ein anderer Coding-Agent für die Prompts (optional). Nur die kostenlosen Community-Komponenten; Pro-Komponenten brauchen eine kostenpflichtige ThreeUI-Mitgliedschaft und sind nicht Teil des Guides. Der Guide ist auf Englisch.

Fabian Faraz Farid · Impressum · Datenschutz