Agustin Capeletto

Well this is remarkable. 😮

Someone built a 3D voxel engine using plain ol’ DOM nodes, no canvas/webgl. And it’s surprisingly performant, since it culls any faces that aren’t currently visible.

Repo: github.com/LayoutitStud...

There’s even a nifty lil’ editor!

12.01.2026 16:28 — 👍 157    🔁 19    💬 3    📌 3

VoxCSS — CSS voxel engine for the DOM A DOM-based voxel engine that renders HTML cuboids with CSS grids, transforms, textures, and dimetric projections.

VoxCSS, a CSS voxel engine. I like how CSS grid is used!

voxcss.com

23.12.2025 07:18 — 👍 31    🔁 5    💬 0    📌 0

Experimenting with a new grid stack for 3D volume rendering in CSS. Try it! voxcss.com/gallery/

18.12.2025 15:01 — 👍 14    🔁 1    💬 0    📌 0

Layoutit Voxels - 3D CSS Grid Generator A voxel editor powered by CSS grid and 3D transforms. Build models with HTML cuboids!

makin characters with the kids tonight, CSS minecraft style voxels.layoutit.com

16.12.2025 05:22 — 👍 34    🔁 1    💬 0    📌 1

LOL. This is just starting! ❤

15.12.2025 17:12 — 👍 2    🔁 0    💬 0    📌 0

Half an apple, in big 3d cubes.

An illustration for how voxcss works, showing a superposition of CSS grids.

Now this is cool! VoxCSS draws voxels by using CSS 3D cubes, but what's cool is they're organized in stacks of CSS grids along the Z axis.

15.12.2025 16:02 — 👍 9    🔁 1    💬 2    📌 0

VoxCSS now supports voxel merging across all dimensions. Bigger scenes, fewer DOM nodes.

github.com/LayoutitStud...

15.12.2025 14:52 — 👍 6    🔁 0    💬 1    📌 0

Imagine crafting vibrant 3D worlds directly in your browser with tools you already know. VoxCSS brings a DOM-based voxel engine to life, opening new possibilities for interactive web experiences using just HTML and CSS. Dive in: https://github.com/LayoutitStudio/voxcss

11.12.2025 04:19 — 👍 3    🔁 1    💬 0    📌 0

GitHub - LayoutitStudio/voxcss: A DOM based voxel engine. Renders HTML cuboids by stacking CSS grid layers and applying 3D transforms. A DOM based voxel engine. Renders HTML cuboids by stacking CSS grid layers and applying 3D transforms. - LayoutitStudio/voxcss

Introducing VoxCSS: a DOM based voxel engine

github.com/LayoutitStud...

02.12.2025 15:46 — 👍 9    🔁 5    💬 0    📌 0

Agustín Capeletto keeps bending CSS into new dimensions... literally!

His latest article unveils a new terrain generator powered entirely by stacked grids and transforms.

A perfect piece to celebrate him on his birthday: tympanus.net/codrops/2025...

10.11.2025 14:42 — 👍 10    🔁 3    💬 0    📌 1

A CSS terrain generator. No WebGL, just stacked grids and 3D transforms: terra.layoutit.com

22.10.2025 15:44 — 👍 105    🔁 22    💬 6    📌 4

Pure CSS meets voxel art! 🧊✨

Agustin Capeletto takes us behind the scenes of the CSS Voxel Editor, showing how stacked grids, transforms, and perspective create a fully addressable 3D space—no JavaScript required: tympanus.net/codrops/2025...

#3d #css #voxelart #purecss

03.03.2025 07:21 — 👍 62    🔁 7    💬 0    📌 2