CSS3D.js | CSS 3D renderer for Three.js

CSS3D.js is a JavaScript library. CSS3D.js has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

This experimental renderer was built for the design of [Acko.net] It lets you manage simple CSS 3D objects using Three.js. Functionality is very limited: only planes and lines are supported (THREE.Line, THREE.PlaneGeometry). In its current form it is nowhere near a replacement for WebGL or Canvas, and browser support is buggy at best. However, in the right setting, CSS 3D can be a useful and impressive effect, particularly when combined with parallax scrolling. I think it shows that there is a case to be made to integrate 3D more tightly into the DOM, with arbitrary meshes and shaders. In the meantime, this library opens the door for more complicated experimentation and prototyping of 3D Web UI concepts. I don’t intend to maintain or develop this further, so forking is encouraged. Currently, it only works in Chrome and Safari. Firefox doesn’t seem to reliably support the necessary cascading of preserve-3d transforms.