Agustin Capeletto
@ekrof.bsky.social
CSS superfan. Vue/Nuxt enthusiast. Opensourcing from the southern hemisphere at https://layoutit.com and https://voxcss.com ✨
Volume rendering in CSS can be achieved by slicing a 3D scene into 2D grids along each axis. Each slice is a cross-section where occupied cells are painted and translated at fixed intervals.
The problem then becomes: how can we recreate each grid pattern with the least number of DOM nodes?
The problem then becomes: how can we recreate each grid pattern with the least number of DOM nodes?
January 31, 2026 at 12:44 PM
Volume rendering in CSS can be achieved by slicing a 3D scene into 2D grids along each axis. Each slice is a cross-section where occupied cells are painted and translated at fixed intervals.
The problem then becomes: how can we recreate each grid pattern with the least number of DOM nodes?
The problem then becomes: how can we recreate each grid pattern with the least number of DOM nodes?
Experimenting with a new grid stack for 3D volume rendering in CSS. Try it! voxcss.com/gallery/
December 18, 2025 at 3:01 PM
Experimenting with a new grid stack for 3D volume rendering in CSS. Try it! voxcss.com/gallery/
VoxCSS now supports voxel merging across all dimensions. Bigger scenes, fewer DOM nodes.
github.com/LayoutitStud...
github.com/LayoutitStud...
December 15, 2025 at 2:52 PM
VoxCSS now supports voxel merging across all dimensions. Bigger scenes, fewer DOM nodes.
github.com/LayoutitStud...
github.com/LayoutitStud...
A CSS terrain generator. No WebGL, just stacked grids and 3D transforms: terra.layoutit.com
October 22, 2025 at 3:44 PM
A CSS terrain generator. No WebGL, just stacked grids and 3D transforms: terra.layoutit.com