A CSS 3D Engine (no WebGL)
Details
- External ID
- 48356946
- Source
- HN
- Company
- —
- Product
- A CSS 3D Engine (no WebGL)
- Website domain
- github.com
- Launched
- June 1, 2026
- Cohort
- —
- Upvotes
- 80
- Upvotes percentile
- 0.8989071038251366
- Tags
- —
- Fetched at
- Sept. 7, 2026, 9:26 p.m.
- Updated at
- Sept. 7, 2026, 9:26 p.m.
Enrichment
- Theme
- creative coding and visual experiments
- Vertical
- Horizontal
- Function
- Dev tools
- Audience
- Developer
- AI stance
- Not AI
- Project type
- Hobby / open-source project
- Normalized one-liner
- css 3d rendering engine for developers
- Manually corrected
- False
Could you build this?
Partial Building a custom 3D rendering pipeline using only CSS transforms and DOM elements requires complex software rasterization math, matrix projections, depth sorting, and occlusion culling that LLMs struggle to implement correctly without existing libraries.
What it would actually take: A pure CSS 3D engine computes 3D scene graphs, camera transformations, and 4x4 matrix projections in JavaScript, then maps the resulting planar polygons to DOM elements styled with CSS `transform: matrix3d()`. The primary technical bottleneck is implementing software depth sorting (such as the Painter's algorithm or BSP trees) and handling polygon intersections/clipping without native depth buffers (Z-buffering). It requires deep knowledge of linear algebra, projective geometry, and browser rendering pipeline optimizations to minimize layout thrashing.
Discussion
20 comments analyzed.
Competitors mentioned: Three.js, WebGL, famo.us, CSS Doom, Minecraft in CSS
Concerns raised: Performance significantly slower than WebGL (13 fps vs 60 fps), Each triangle rendered as DOM node causes performance issues with thousands of triangles, CSS rotation mode is stuttery and requires JavaScript, Not suitable for complex animations like RTS games, Per-pixel depth testing not supported, only polygon sorting
Feature requests: Pure CSS viewing mode with CSS animation rotation that works without JavaScript, Support for JS-disabled environments like emails, iframes, and restricted content, Server-side rendering with static camera option, Per-polygon DOM events and click handlers on individual faces
Competitors
Other products that read as similar to this one — 894 launches clear the similarity bar, closest 8 shown.
Attention rank: #111 of 895 (itself plus its competitors, highest first — normalized so YC and Product Hunt are compared fairly).
Launched 213 days after the earliest competitor.
- PolyCSS · hn · 2026-05-27 · 5 upvotes · similarity 0.78
- zero-js · github · 2026-09-24 · 57 upvotes · similarity 0.65
- An ASCII 3D Rendering Engine · hn · 2026-06-20 · 211 upvotes · similarity 0.65
- X86CSS · hn · 2026-02-24 · 275 upvotes · similarity 0.65
- A CSS-Only Terrain Generator · hn · 2025-11-04 · 371 upvotes · similarity 0.65
- Small World · hn · 2026-07-05 · 7 upvotes · similarity 0.65
- Cloth Physics in 3D CSS · hn · 2026-08-21 · 5 upvotes · similarity 0.64
- 3D Mahjong, Built in CSS · hn · 2026-02-22 · 138 upvotes · similarity 0.63
Other launches for this product
- No other launches for this product.
Same idea, different domain
Nobody's really built a dev tools tool for Sales yet.