Check out this awesome voxel editor using CSS to create 3D models with HTML cuboids

Try it here: https://voxels.layoutit.com

Hello webdevs! I’ve put a lot of effort into this browser voxel editor. It uses CSS transforms for rendering and stacked grids for the coordinate system. You can use colors, SVG textures, and various shapes like cubes, slabs, spikes, and wedges. Plus, it can import and export VOX files and HTML code.

All feedback is welcome. Greetings from the southern hemisphere

@Cameron
CSS as the rendering engine? That’s crazy and I love it.

Joss said:
@Cameron
CSS as the rendering engine? That’s crazy and I love it.

Just waiting for someone to get ray tracing working in CSS now

@Joss
I’ll take a look! I’m planning to open source the code soon.

@Joss
Make a Minecraft clone

@Cameron
This idea is really brilliant

@Cameron
Wow, this is pretty cool

@Cameron
looks great, thanks

I’m always amazed how anyone comes up with ideas like this and actually makes it happen.

I really don’t think people realize just how wild this is. I can’t believe you’ve made this and made it run well too. And it can import and export VOX files. That’s just insane.

Ocean said:
I really don’t think people realize just how wild this is. I can’t believe you’ve made this and made it run well too. And it can import and export VOX files. That’s just insane.

Thanks a lot! I think exploring the VOX to HTML conversion is very interesting. I hope to support other formats like GOX, QB, and GLTF in the future.

This is completely wild. It looks awesome, but I can’t imagine how long it took you to build it.

Can you show us a video of how it works?

Cade said:
Can you show us a video of how it works?

Here it is: https://storage.googleapis.com/gtv-videos-bucket/sample/TearsOfSteel.mp4

Can you please add a ctrl+z keybind?