3D on the Web
Tags: tutorials
Published: 2019-07-05 13:17:36

---
title: 3D on the Web
published: true
tags: Tutorials
canonical_url: https://vuild.com/3d-web
---

As more of the world becomes tech savvy, web designers will move towards more extreme tactics to get their clients (& themselves) noticed. Utilizing 3D is a natural progression & although it has been around awhile, the tools are becoming more sophisticated every day. Below is a selection of tools, editors, tutorials libraries & some of the best examples we could find.

[Download as PDF](https://vuild.com/3d-web?pdf=1)
### Editors, Libraries & Tools

1. 3DInternet   
[https://www.3dinternet.com](https://www.3dinternet.com)
2. 3DS   
[https://www.3ds.com](https://www.3ds.com)
3. 3D Transforms   
[http://westciv.com/tools/3Dtransforms](http://westciv.com/tools/3Dtransforms)
4. A-frame   
[https://aframe.io](https://aframe.io)
5. Babylon.js   
[https://www.babylonjs.com](https://www.babylonjs.com)
6. Blend4Web   
[https://www.blend4web.com](https://www.blend4web.com)
7. CAD Exchanger VRML   
[https://cadexchanger.com/vrml](https://cadexchanger.com/vrml)
8. Cango3D   
[https://arc.id.au/Canvas3DGraphics.html](https://arc.id.au/Canvas3DGraphics.html)
9. CopperCube   
[https://www.ambiera.com/coppercube/index.html](https://www.ambiera.com/coppercube/index.html)
10. CopperLicht   
[https://www.ambiera.com/copperlicht](https://www.ambiera.com/copperlicht)
11. D3.js   
[https://d3js.org](https://d3js.org)
12. Demicron   
[http://www.demicron.com](http://www.demicron.com)
13. FragM   
[https://github.com/3Dickulus/FragM](https://github.com/3Dickulus/FragM)
14. Get WebGL   
[https://get.webgl.org](https://get.webgl.org)
15. HTML5 Rocks – 3D/Graphics   
[https://www.html5rocks.com/en/features/graphics](https://www.html5rocks.com/en/features/graphics)
16. Java 3D   
[http://www.java3d.org](http://www.java3d.org)
17. JOGL   
[https://jogamp.org/jogl/www](https://jogamp.org/jogl/www)
18. Lightgl.js   
[https://github.com/evanw/lightgl.js](https://github.com/evanw/lightgl.js)
19. Lightweight Java Game Library (LWJGL)   
[https://www.lwjgl.org](https://www.lwjgl.org)
20. PlayCanvas   
[https://playcanvas.com](https://playcanvas.com)
21. Scene.js   
[http://scenejs.org](http://scenejs.org)
22. Seen.js   
[http://seenjs.io](http://seenjs.io)
23. ShiVa Engine   
[https://shiva-engine.com](https://shiva-engine.com)
24. Soft8Soft   
[https://www.soft8soft.com/verge3d](https://www.soft8soft.com/verge3d)
25. Synthclipse   
[http://synthclipse.sourceforge.net](http://synthclipse.sourceforge.net)
26. Three.js   
[https://threejs.org](https://threejs.org)
27. ViewPoint 3D   
[http://www.viewpoint-3d.com](http://www.viewpoint-3d.com)
28. Web 3D Consortium   
[http://www.web3d.org](http://www.web3d.org)
29. WebVR   
[https://webvr.info](https://webvr.info)
30. X3dom   
[https://www.x3dom.org](https://www.x3dom.org)

### Tutorials & Examples

1. Arc.id.au   
[WebGL Orthographic 3D](https://arc.id.au/Canvas3DGraphics.html)
2. Base Design   
[Render 3D in 2D Canvas](https://www.basedesign.com/blog/how-to-render-3d-in-2d-canvas)
3. Clicktorelease   
[CSS3D Clouds](https://www.clicktorelease.com/code/css3dclouds)
4. Colin Hover   
[Kai ‘Opua](http://collinhover.github.io/kaiopua)
5. CSS3 Playground   
[3D Flip Cards](https://css3playground.com/3d-flip-cards)
6. David DeSandro   
[3D Transforms](https://3dtransforms.desandro.com)
7. Eleqtriq   
[CSS 3D Natural Object Rotation](https://www.eleqtriq.com/2010/11/natural-object-rotation-with-css3-3d)
8. Hakim El Hattab   
[Holobox](https://lab.hakim.se/holobox) & [Meny Menu](https://lab.hakim.se/meny)
9. Keith Clark   
[CSS First Person Shooter](https://keithclark.co.uk/labs/css-fps)
10. Kevs 3D   
[Demos](http://www.kevs3d.co.uk)
11. Marcofolio   
[3D Movie Poster Animation](http://demo.marcofolio.net/3d_animation_css3)
12. ChemDoodle   
[MolGrabber 3D](https://web.chemdoodle.com/demos/molgrabber-3d)
13. Evan Wallace   
[WebGL Water](http://madebyevan.com/webgl-water)
14. Mozilla   
[Getting Started with WebGL](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial/Getting_started_with_WebGL)
15. OutsideOfSociety   
[Particles Morph](http://oos.moxiecode.com/js_webgl/particles_morph)
16. Sketch Toy   
[Sketch in 3D](https://sketchtoy.com)
17. Unboring   
[Creating 3D Content](https://unboring.net/workflows/creating-3d-content)
18. Unity   
[Building & running a WebGL project](https://docs.unity3d.com/Manual/webgl-building.html)
19. Unreal Engine   
[Developing HTML5 Projects](https://docs.unrealengine.com/en-US/Platforms/HTML5/GettingStarted/index.html)
20. WebGL Samples   
[Collection of WebGL Samples](https://webglsamples.org)
Let us know if we missed anything 3D on the web.

This data is from [Vuild’s 3D on the web list](https://vuild.com/3d-web). Please visit [vuild.com](https://vuild.com) for more.