3D on the 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

Editors, Libraries & Tools

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

Tutorials & Examples

1. Arc.id.au
   WebGL Orthographic 3D
2. Base Design
   Render 3D in 2D Canvas
3. Clicktorelease
   CSS3D Clouds
4. Colin Hover
   Kai ‘Opua
5. CSS3 Playground
   3D Flip Cards
6. David DeSandro
   3D Transforms
7. Eleqtriq
   CSS 3D Natural Object Rotation
8. Hakim El Hattab
   Holobox & Meny Menu
9. Keith Clark
   CSS First Person Shooter
10. Kevs 3D
    Demos
11. Marcofolio
    3D Movie Poster Animation
12. ChemDoodle
    MolGrabber 3D
13. Evan Wallace
    WebGL Water
14. Mozilla
    Getting Started with WebGL
15. OutsideOfSociety
    Particles Morph
16. Sketch Toy
    Sketch in 3D
17. Unboring
    Creating 3D Content
18. Unity
    Building & running a WebGL project
19. Unreal Engine
    Developing HTML5 Projects
20. WebGL Samples
    Collection of WebGL Samples

Let us know if we missed anything 3D on the web.