Back

CSS 3D Block Builder

A fun demonstration of the possibilities granted with CSS 3D transformations and perspective, I created a Minecraft-esque block builder demo.
The demo was made using Pug and Sass to speed up repetitive development tasks.

Left click on the floor or on the sides of cubes to add additional cube blocks, right click to delete. Use the keyboard arrow keys to rotate and alter the height of the camera.

If you make something interesting, be sure to send me a picture on Twitter

See the Pen CSS 3D Block Builder by Octavector (@Octavector) on CodePen.


View Demo