Life & fun · alternatives · 2026

24 alternatives to 3D first person game rendered in CSS/HTML

A 3D game rendered entirely in CSS/HTML. Relying as much as possible on traditional html/css features instead of modern graphic APIs. Supports lighting, shadows, culling, etc. Can you escape the dungeon?

A 3D first-person game built entirely with CSS and HTML, launched in 2020. The project renders a playable game environment using only web technologies without traditional game engines or WebGL. It is for developers… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. 3D first person game rendered in CSS/HTML launched in 2020; newer entries below may have overtaken it.

1. 1FP
   First person 3D environment using CSS 3D Transforms for rendering▲94

   2020 · affectionate-minsky-072f4c.netlify.com · its alternatives →

2. 2
   A CSS 3D Engine (no WebGL)▲80

   A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms. - GitHub - layoutit/polycss: A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms.

   Jun 2026 · github.com · its alternatives →

3. 3IS
   I spent two years working on an HTML5 game. I finally released it▲515

   2012 · ektomarch.com · its alternatives →

4. 4
   Webflow 3D Transforms▲318

   Build 3D interactions visually, without writing any code

   2015 · 3d-transforms.webflow.com · its alternatives →

5. 5
   A Marble Madness-inspired WebGL game we built for Netlify▲616

   Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers. Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users. The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view…

   2024 · 5-million-devs.netlify.com · its alternatives →

6. 6IM
   I made a web game called Almost Pong▲1,135

   Hi HN! I made many small web games in the past with Unity or Phaser. But this time I wanted to make something completely on my own. So I coded a basic game framework in plain JavaScript, and used it to make Almost Pong. This was a really fun project that taught me a lot about JavaScript, and I plan to make more minimalist games with this framework. Interesting fact: Almost Pong doesn't load any assets, all sprites and sounds are generated with code. Happy to answer questions, and please let me know if you have any feedback on the game. Thanks!

   2022 · lessmilk.com · its alternatives →

7. 7
   Cs16.css – CSS library based on Counter Strike 1.6 UI▲819

   CSS library based on Counter Strike 1.6 UI.

   2025 · cs16.samke.me · its alternatives →

8. 8
   I built a multiplayer voxel browser game engine▲236

   I open sourced my HTML5 multiplayer 3D voxel browser game engine.

   2023 · kevzettler.com · its alternatives →

9. 9
   Spline▲1,191

   Design tool for 3D web experiences

   2020 · spline.design · its alternatives →

10. 10
    An ASCII 3D Rendering Engine▲211

    Render 3D models (OBJ, glTF, GLB, STL, .vox) as ASCII art — in the browser, in React or Vue, or straight in your terminal. A three.js-style API with no WebGL and no canvas: just text in a single <pre>.

    Jun 2026 · glyphcss.com · its alternatives →

11. 11OL
    Our little html5/js dungeon crawler.▲71

    2010 · tametick.com · its alternatives →

12. 12IB
    I built an indie, browser-based MMORPG▲340

    I've been working on an MMORPG that is now in alpha as a solo developer. Here are the major open source technologies that I use: Blender - 3D modeling software for creating the overall environment and every game object. I've gotten a lot of CC and Public Domain assets from https:&#x2F;&#x2F;poly.pizza GLTF - I export assets from blender to the GLTF asset format JSON - I write a JSON config for every game object that describes things like its name, its interactions, its collisions, etc. Node.js exporter - I iterate over the environment and every asset to create a scene hierarchy. I use…

    2024 · alpha.reconquer.online · its alternatives →

13. 13
    I made my personal website a Pokémon-style minigame using Phaser 3▲425

    Repo here: https:&#x2F;&#x2F;github.com&#x2F;ariroffe&#x2F;personal-website

    2022 · arielroffe.quest · its alternatives →

14. 14
    Minimal 3D creative coding tool – control 8×8×8 dots with JavaScript▲206

    A minimalist three-dimensional coding environment. Control 8x8x8 dots with a single JavaScript function.

    2021 · doersino.github.io · its alternatives →

15. 15AS
    A simple infinite world in WebGL▲181

    2016 · erkaman.github.io · its alternatives →

16. 16
    3D Mahjong, Built in CSS▲138

    Play VoxJong, a free CSS Mahjong Solitaire.

    Feb 2026 · voxjong.com · its alternatives →

17. 17FW
    Freeciv WebGL 3D▲105

    2017 · play.freeciv.org · its alternatives →

18. 18
    VoxCSS – A DOM based voxel engine▲53

    A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms. - GitHub - layoutit/polycss: A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms.

    Dec 2025 · github.com · its alternatives →

19. 19
    WebGL Voxel Engine▲113

    Voxel-engine in Javascript. Contribute to Lallassu/voxelengine3 development by creating an account on GitHub.

    2017 · github.com · its alternatives →

20. 20IM
    I made a browser-based RTS game▲212

    I've posted this game here before, hopefully a repost is fine as the game has changed quite a bit (improved AI, improved mapeditor, much quicker gameplay, etc). Game is based on JavaScript&#x2F;Canvas and WebSockets. On the browser side the map is pre-rendered (as a background image), just the mobile units&#x2F;buildings and animations are dynamically rendered. The lobby server is made in node.js, but the game server is C++ for performance reasons (mainly the pathfinding). I found the C++ WebSocket libraries out there to be too difficult to use so I made my own based on the rfc. Overall I…

    2022 · battle-of-flags.com · its alternatives →

21. 21
    CSS3 animation▲271

    An experiment with basic CSS3 animations.

    2012 · thegoodman.cc · its alternatives →

22. 22
    3D Renderer Built using 2D HTML Canvas▲54

    2017 · vivekseth.com · its alternatives →

23. 23MF
    My first WebGL demo, the first self-extracting PNG ever?▲101

    2011 · demoseen.com · its alternatives →

24. 24
    A 2D game engine in under 1000 lines of C▲98

    A top-down 2d game engine, written from scratch in under 1000 lines of C. Development of the game based on this engine is streamed on Twitch: https://www.twitch.tv/ryanpcmcquen - ryanpcmcquen/basque

    2020 · github.com · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →