Nicheloom visits: 57,933 all-time · 7,694 in the last 7 days

The opportunity tracker for new startups.

Today: 1,953 launches · Niche of the day: specialized calculation tools · See what launched today →

A CSS 3D Engine (no WebGL)

Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.

Want to reach these readers? Sponsor an issue.

HN · launched Jun 1, 2026 · 80 upvotes (top 10%) · 0 views

Niche: graphics rendering engines and libraries · 149 launches, 11 in the last 7 days ▼ -15% · Explore this niche →

Category and tags
  • Horizontal
  • Dev tools
  • Developer
  • Not AI
  • Hobby / open-source project

Visit website ↗ Source listing ↗

More like this: all 149 launches in graphics rendering engines and libraries →

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 : 2417 launches clear the similarity bar, closest 8 shown.

Attention rank: #259 of 2418 (itself plus its competitors, highest first, normalized so YC and Product Hunt are compared fairly).

Launched 215 days after the earliest competitor.

  • PolyCSS · hn · 2026-05-27 · 5 upvotes · similarity 0.79
  • kaamos · github · 2026-10-25 · 21 upvotes · similarity 0.69
  • Nasscad · hn · 2026-10-28 · 26 upvotes · similarity 0.67
  • zero-js · github · 2026-09-24 · 57 upvotes · similarity 0.67
  • An ASCII 3D Rendering Engine · hn · 2026-06-20 · 211 upvotes · similarity 0.66
  • X86CSS · hn · 2026-02-24 · 275 upvotes · similarity 0.66
  • Small World · hn · 2026-07-05 · 7 upvotes · similarity 0.66
  • Sumi.css · github · 2026-10-20 · 180 upvotes · similarity 0.66

Related data

The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.