Free download

3D Websites Without Writing Shaders

A free guide to ThreeUI Community, the open-source catalog of Three.js, shader and CSS components by Meng To (MIT): hero scenes, moving backgrounds, buttons and text animations you can drop into a React site. Free vs Pro explained, the install in a React app, which component fits which job, five prompts for Claude Code, and the performance, licence and privacy checks before 3D goes on a real page in the EU.

The download starts right away; the link also comes by email.

Without the newsletter box you get exactly one email with your link; the address is deleted after 7 days.

What is inside
  • Free vs Pro What is in the open-source package and what is not.
  • Install npm install, one import, and the runtime files full-page components need.
  • Which component Hero, background, button, headline, texture: which ones to try for each job.
  • PROMPTS.md Five prompts: add a hero, one button, pause when hidden, mobile fallback, privacy check.
  • CHECKLIST.md Performance, licence and privacy checks before 3D goes live.
  • Honest catches Free and Pro side by side, runtime files, heavy scenes, external requests.

Node.js 20+ and a React 18 or 19 app (Vite or Next.js). Claude Code or another coding agent for the prompts (optional). Only the free Community components; Pro components need a paid ThreeUI membership and are not covered. The guide is in English.

Fabian Faraz Farid · Imprint · Privacy