CSS Minecraft

1. CSS-Minecraft

   1 5 1,816 1.1 HTML

   A Minecraft clone made with pure HTML & CSS – no JavaScript.

   

   Hello people, author here!

   Some comments on this from my side:

   - You people totally overwhelmed my website... I use(d) Firebase static hosting because it's completely free and super simple, which reached the 10 GB monthly limit now. I changed to Cloudflare in the meantime, but it'll need some time for the DNS records to update. IN THE MEANTIME, PLEASE USE THE GITHUB PAGES LINK INSTEAD: https://benjaminaster.github.io/CSS-Minecraft/

   - I made this almost three years ago now, to try out the limits of what's possible with pure CSS, and to test out the then-new CSS :has() selector.

   - This project never got much traction until now, so I never bothered to write about how it works. Simon Willison now already wrote a blog post about it, so I guess I don't have to anymore... https://simonwillison.net/2025/May/26/css-minecraft/

   - For the best experience, please view this on a desktop browser, either Chromium-based or Firefox.

   - The source code is at https://github.com/BenjaminAster/CSS-Minecraft. The "index.pug" and "main.scss" files contain the actual source code; the rest is mostly just the compiled output.

   - Here is a video of me building a house with it: https://www.youtube.com/watch?v=OH8-Y9frP5k

2. Sevalla

   sevalla.com featured

   Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!

   

3. noa

   2 7 650 6.1 JavaScript

   Experimental voxel game engine.

   

   Let me add for posterity that the 2019 web version wasn't a port of an early minecraft build, like Mojang's marketing suggested at the time, but a new thing built on an open source JS voxel engine (specifically mine :D )

   https://github.com/fenomas/noa

4. purecss-lace

   3 2 833 10.0 HTML

   HTML/CSS drawing inspired by Flemish baroque oil portraits. Hand-coded entirely in HTML & CSS.

   

5. validator

   4 5 1,823 7.9 Java

   Nu Html Checker – Helps you catch problems in your HTML/CSS/SVG (by validator)

   

   I didn't say it's a syntax error. I said it is not specified in the standard. You can put the slash there but it has no meaning, it does nothing, and browsers ignore it. If anything, it can cause problems: https://github.com/validator/validator/wiki/Markup-%C2%BB-Vo...

   So it's best to not do it altogether. If one thinks they need to be compliant with both HTML and XHTML, I'd bet they have far more problems with the rest of their markup that would fail at such an effort.

Suggest a related project