Mind blowing
CSS Minecraft
51–60 of 154 posts
Re: CSS Minecraft
#52Without a doubt the most impressive thing I've seen with CSS. This immediately brought "A Single Div"[0] to mind, which stood as the coolest CSS demo I'd seen for... 11 years! This one takes the cake. I'll be pouring over it. Thanks! [0]: https://a.singlediv.com/
have you seen this modern marvel? https://diana-adrianne.com/purecss-lace/
Wow, Dark Reader absolutely mutilated her.
Re: CSS Minecraft
#53This is fiendishly clever, and really quite elegant. I made some of my own notes on how this works here: https://simonwillison.net/2025/May/26/css-minecraft/
good write up, thanks. talk about a combinatorial explosion!
Re: CSS Minecraft
#54Pug is an unsung hero in this demo. The template engine made it possible to brute force the UI with 4 levels of nested loop. Impressive!
Re: CSS Minecraft
#55[dead]
Re: CSS Minecraft
#56Web-based minecraft, when?
The full java version of the game was ported to webassembly/webgl a while ago. It's called eaglercraft: https://eaglercraft.com
Re: CSS Minecraft
#57Truly incredible from an HTML perspective, but I think also a testament to how catchy and simple Minecraft is as a concept... a few minutes of noodling around in here and I already built myself a cute little tree and a hill: https://i.imgur.com/PjlDWo5.png
Re: CSS Minecraft
#58It's absolutely brilliant how rotation and movement control is achieved by changing the animation-play-state value using the :active pseudo-class on button elements.
https://github.com/BenjaminAster/CSS-Minecraft/blob/main/mai...
Re: CSS Minecraft
#59Earlier quoted context omitted.
Works fine on my iPhone 14.
Similar problems on my MBP, actually – just sans crashed tab. Zooming in and scrolling around on Chrome and Safari cause the divs to rerender (repaint?) and often not all of them even do! E.g. Chrome: https://imgur.com/a/VWCAL9G Scrolling is fine in Firefox but extremely slow.
It surprisingly smooth on Firefox on my Pixel 8
Re: CSS Minecraft
#60Recently I came across Quake implemented within a single WebGL shader (https://www.shadertoy.com/view/lsKfWd), but this is another level. HTML/CSS is a programming language now.