Free downloadAdd One 3D Moment to Your Website: Tools, Guide and Examples
A free guide to 3D on websites: seven tools compared honestly (model-viewer, three.js, Babylon.js, PlayCanvas, A-Frame, Needle, Polygon) with licence and effort, then how to add one small, fast, accessible 3D element, with two working examples and a prompt for Claude Code.
What is inside
- Tools Seven web 3D tools plus three.js: what each is for, code or editor, licence and cost.
- Decision table Three questions that pick the right tool for your job.
- Performance Model size, Draco and meshopt compression, poster image, lazy loading, mobile.
- Accessibility Alt text, keyboard control and no auto-spin for people who reduce motion.
- Examples A spinning product with model-viewer and with three.js, plus our own demo model.
- Prompt Paste into Claude Code to add one spinning product to your own site.
A browser and any local static server (npx serve or python3 -m http.server). Your product as a .glb model, or use our demo cup. No account, no API key. For the prompt: Claude Code. The kit is in English.