SIsimonw·May 29, 2025
Did you poke around in that CSS Minecraft thing recently? One of the best view source experiences I've had in years: https://github.com/BenjaminAster/CSS-Minecraft/tree/main
In Gurus of 90s Web Design: Zeldman, Siegel, NielsenBenjaminAster
CSS-Minecraft
HTML2025–2025
BenjaminAster / CSS-Minecraft
CSS-Minecraft
A Minecraft clone made with pure HTML & CSS – no JavaScript.
4Distinct people
6Mentions
0Explicit recommenders
1.9KGitHub stars
What to know before exploring
What it is
A Minecraft clone made with pure HTML & CSS – no JavaScript.
GitHub
Where it is used
No documented product use has been verified yet.
What people are saying
No recommendation phrase was found in the indexed comments.
No classified warning is attached to this page. Read the discussions before treating silence as approval.
Also in these discussions
No other repository is repeatedly linked in the same discussions.
This week on Hacker News
Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 12:54:37 PM UTC.
No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.
Mentions over time
HN mentions by 3-hour interval6 dated mentions
Observed mentions: 2025-05-26 23:20:23 UTC to 2025-05-29 13:08:18 UTC.
Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.
View mention counts and date ranges
| Period | Start (UTC) | End (exclusive, UTC) | Mentions | Submissions | Comments |
|---|---|---|---|---|---|
| May 26, 21:00 | 2025-05-26 21:00:00 UTC | 2025-05-27 00:00:00 UTC | 1 | 0 | 1 |
| May 27, 00:00 | 2025-05-27 00:00:00 UTC | 2025-05-27 03:00:00 UTC | 0 | 0 | 0 |
| May 27, 03:00 | 2025-05-27 03:00:00 UTC | 2025-05-27 06:00:00 UTC | 1 | 0 | 1 |
| May 27, 06:00 | 2025-05-27 06:00:00 UTC | 2025-05-27 09:00:00 UTC | 0 | 0 | 0 |
| May 27, 09:00 | 2025-05-27 09:00:00 UTC | 2025-05-27 12:00:00 UTC | 0 | 0 | 0 |
| May 27, 12:00 | 2025-05-27 12:00:00 UTC | 2025-05-27 15:00:00 UTC | 1 | 0 | 1 |
| May 27, 15:00 | 2025-05-27 15:00:00 UTC | 2025-05-27 18:00:00 UTC | 0 | 0 | 0 |
| May 27, 18:00 | 2025-05-27 18:00:00 UTC | 2025-05-27 21:00:00 UTC | 1 | 0 | 1 |
| May 27, 21:00 | 2025-05-27 21:00:00 UTC | 2025-05-28 00:00:00 UTC | 1 | 0 | 1 |
| May 28, 00:00 | 2025-05-28 00:00:00 UTC | 2025-05-28 03:00:00 UTC | 0 | 0 | 0 |
| May 28, 03:00 | 2025-05-28 03:00:00 UTC | 2025-05-28 06:00:00 UTC | 0 | 0 | 0 |
| May 28, 06:00 | 2025-05-28 06:00:00 UTC | 2025-05-28 09:00:00 UTC | 0 | 0 | 0 |
| May 28, 09:00 | 2025-05-28 09:00:00 UTC | 2025-05-28 12:00:00 UTC | 0 | 0 | 0 |
| May 28, 12:00 | 2025-05-28 12:00:00 UTC | 2025-05-28 15:00:00 UTC | 0 | 0 | 0 |
| May 28, 15:00 | 2025-05-28 15:00:00 UTC | 2025-05-28 18:00:00 UTC | 0 | 0 | 0 |
| May 28, 18:00 | 2025-05-28 18:00:00 UTC | 2025-05-28 21:00:00 UTC | 0 | 0 | 0 |
| May 28, 21:00 | 2025-05-28 21:00:00 UTC | 2025-05-29 00:00:00 UTC | 0 | 0 | 0 |
| May 29, 00:00 | 2025-05-29 00:00:00 UTC | 2025-05-29 03:00:00 UTC | 0 | 0 | 0 |
| May 29, 03:00 | 2025-05-29 03:00:00 UTC | 2025-05-29 06:00:00 UTC | 0 | 0 | 0 |
| May 29, 06:00 | 2025-05-29 06:00:00 UTC | 2025-05-29 09:00:00 UTC | 0 | 0 | 0 |
| May 29, 09:00 | 2025-05-29 09:00:00 UTC | 2025-05-29 12:00:00 UTC | 0 | 0 | 0 |
| May 29, 12:00 | 2025-05-29 12:00:00 UTC | 2025-05-29 15:00:00 UTC | 1 | 0 | 1 |
What Hacker News says
6 sourcesI'm honestly really impressed with GPT-4.1 mini. It is my default from messing around by their API because it is unbelievably inexpensive and genuinely capable at most of the things I throw at it.
I'll switch to o4-mini when I'm writing code, but otherwise 4.1-mini usually does a great job.
Fun example from earlier today:
llm -f https://raw.githubusercontent.com/BenjaminAster/CSS-Minecraft/refs/heads/main/main… \
-s 'explain all the tricks used by this CSS'
That's piping the CSS from that incredible CSS Minecraft demo - https://news.ycombinator.com/item?id=44100148 - into GPT-4.1 mini and asking it for an explanation.
The code is clearly written but entirely uncommented: https://github.com/BenjaminAster/CSS-Minecraft/blob/main/mai...
GPT-4.1 mini's explanation is genuinely excellent: https://gist.github.com/simonw/cafd612b3982e3
Read the rest
ad463788dd50287... - it correctly identifies "This CSS uses modern CSS features at an expert level to create a 3D interactive voxel-style UI while minimizing or eliminating JavaScript" and explains a bunch of tricks I hadn't figured out.
And it used 3,813 input tokens and 1,291 output tokens - https://www.llm-prices.com/#it=3813&ot=1291&ic=0.4&oc=1.6 - that's 0.3591 cents (around a third of a cent).
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 exper
Read the rest
ience, 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
Get the archive from github and load it locally: https://github.com/BenjaminAster/CSS-Minecraft/archive/refs/...
In CSS MinecraftIt'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...
In CSS MinecraftAnd it's only 480 lines of CSS! https://github.com/BenjaminAster/CSS-Minecraft/blob/main/mai...
... and 46,022 lines of HTML (3.07MB)
In CSS Minecraft