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.

This data is from Vuild’s 3D on the web list. Please visit vuild.com for more.