Life & fun · alternatives · 2026

24 alternatives to 3D Renderer Built using 2D HTML Canvas

This is a 3D rendering tool built using 2D HTML Canvas technology. It enables users to create three-dimensional graphics within a web browser despite the canvas's two-dimensional limitations. The tool appears designed… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. 3D Renderer Built using 2D HTML Canvas launched in 2017; newer entries below may have overtaken it.

1
Webflow 3D Transforms▲318
Build 3D interactions visually, without writing any code
2015 · 3d-transforms.webflow.com · its alternatives →
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
Spline▲1,191
Design tool for 3D web experiences
2020 · spline.design · its alternatives →
4
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 →
5RT
Real-Time 3D Gaussian Splatting in WebGL▲309
2023 · antimatter15.com · its alternatives →
6
3D Transformer▲406
Turn your frame into a beautiful 3D mockup online & in Figma
2021 · 3dtransformer.com · its alternatives →
7
WebGL Voxel Engine▲113
Voxel-engine in Javascript. Contribute to Lallassu/voxelengine3 development by creating an account on GitHub.
2017 · github.com · its alternatives →
83R
3D Raycasting Engine in JavaScript▲113
2020 · ahuth.github.io · its alternatives →
9
Mesh▲608
Design 3D illustrations & icons in a quick and engaging way
2022 · morflax.com · its alternatives →
10
Repaint – a WebGL based website builder▲236
Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…
2024 · repaint.com · its alternatives →
11
Shape 2▲540
5000+ fully customizable assets for your web design projects
2020 · shape.so · its alternatives →
12AV
A voxel design tool built on the top of CSS transformations▲78
2017 · fatiherikli.github.io · its alternatives →
13
Giving a 2D grid a 3D look – part 4▲155
2021 · victorribeiro.com · its alternatives →
14
Simulate 3D plants in the browser▲439
2023 · plant.max-richter.dev · its alternatives →
15
2D to 3D Image▲356
Convert 2D flat images to 3D visuals in Stylar
2024 · dzine.ai · its alternatives →
16
Sketch2Code▲407
Turn hand-drawn design into a HTML with AI. By Microsoft.
2019 · learn.microsoft.com · its alternatives →
17
ViziCities 0.3 – Framework for geospatial visualisation in the browser▲89
A framework for 3D geospatial visualization in the browser - UDST/vizicities
2016 · github.com · its alternatives →
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 →
19FT
Fourier Transform Visualized via WebGL▲175
2021 · static.laszlokorte.de · its alternatives →
20FP
FluidCAD – Parametric CAD with JavaScript▲160
Hello HN users, This is a CAD by code project I have been working on on my free time for more than year now. I built it with 3 goals in mind: - It should be familiar to CAD designers who have used other programs. Same workflow, same terminology. - Reduce the mental effort required to create models as much as possible. This is achieved by: - Provide live rendering and visual guidance as you type. - Allow the user to reference existing edges/faces on the scene instead of having to calculate everything. - Provide interactive mouse helpers for features that are hard to write by code: Only 3…
Apr 2026 · fluidcad.io · its alternatives →
21
Isomer – An isometric graphics library for HTML5 Canvas▲181
2014 · jdan.github.io · its alternatives →
22
3D first person game rendered in CSS/HTML▲285
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?
2020 · pantel.is · its alternatives →
23MW
Mixing WebGL and HTML, Both Rendered Out in React▲129
2019 · subdued-health.surge.sh · its alternatives →
24
Volume rendering 3D data in Three.js and GLSL▲108
I've been going through Cem Yuksel's "Introduction to Computer Graphics" course and thought that writing a volume renderer would be a good way to test my knowledge. It is a common technique used to render 3D medical data. Works by ray marching a specific step size, reading a 3D texture (e.g. MRI data), and calculating opacity values. Code should be easy to get started with for anyone familiar with the JS ecosystem. Questions for the HN community: I spent 20-25% of the entire time just setting up the project and fighting issues with the JavaScript ecosystem. This experience has made me…
2024 · github.com · its alternatives →

Also compare

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 →