CSS Voxel Studio

Simple tool to create pixelated 3D models (voxels) in HTML and CSS based on two Pens I created on CodePen:

• 3D Model Maker (Core)
• 3D Model Maker (Crossy Road)

This version is an extension of the original idea, where you can create a voxel model by placing cuboids in a 3D space. The cuboids are rendered using CSS and can be moved around in 3D space.

Screenshot

Screenshot from an early stage. More features have been added.

Development

Note

This project is a hobby and may or may not be maintained in the future.

Run locally

This application is built using Next.js. To run it locally, run the following command.

npm run dev

Open http://localhost:3000 with your browser to see the result.