I Built a Real-Time Simulation Game in a Single HTML File (Without React or Custom JavaScript)

TL;DR AI
2 min readKey summary
A developer built Spore Colony, a real-time simulation game, in a single HTML file using State.js.
The game stores, updates, and persists state through DOM data attributes, hidden triggers, and CSS-driven calculations.
It leans on declarative HTML and CSS custom properties instead of React, custom JavaScript, or a traditional build stack.
The project highlights a browser-native approach where the DOM itself serves as both the state layer and the rendering layer.
