PolyCSS v0.2.7 now support shadows! Not only on plain surfaces but also over complex meshes

First Doom, now Quake. Next year we could fill a CSS gaming corner somewhere.

This looks really awesome! After creating CSS DOOM I’ve been thinking about doing Quake as well… and I did not think it was doable. Well… I was wrong. 😱🤩🔥

I'm porting Quake to 3D CSS, so it runs in the browser without WebGL. It's open source 👹 Play it! cssquake.com Repo: github.com/LayoutitStud...

This is CSS 🌵☀️ Try it! polycss.com/gallery/?mod...

Thank you @syntax.fm for the PolyCSS shout-out! <3

I'm working alongside @ledeluge.me on PolyCSS: a new CSS 3D engine for the DOM. It uses matrix3d() transforms to render polygon meshes as HTML elements, without WebGL. demo: polycss.com/gallery/?mod... repo: github.com/LayoutitStud...

A creative reimagining of the classic (infuriating at times) puzzle game, made with CSS.

Hello from npmx.social 🖖 🌍

This is CSS 🚀 model: maxparata.itch.io demo: voxcss.com/gallery?mode...

Ported Sokoban to 3D CSS: voxoban.com I'm building a VoxCSS arcade 👾

Built a CSS Mahjong over the weekend: voxjong.com Powered by my relentless quest to conquer the 3D DOM.

This is CSS 👽 model: maxparata.itch.io demo: voxcss.com/gallery/?mod...

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?

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!

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

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

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

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.

VoxCSS now supports voxel merging across all dimensions. Bigger scenes, fewer DOM nodes. github.com/LayoutitStud...

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

Introducing VoxCSS: a DOM based voxel engine github.com/LayoutitStud...

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...

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

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