December 10, 2025
Cubes in your browser, chaos in comments
Show HN: VoxCSS – A DOM based voxel engine
3D made with web pages?! Devs swoon, skeptics ask if it’s fast
TLDR: VoxCSS lets you build blocky 3D scenes with simple web page elements, skipping heavy graphics code. Commenters split between loving the lightweight, easy vibe for small animations and doubting performance at scale, making it a flashy pick for eye candy over complex 3D projects.
Meet VoxCSS, the “build 3D with web pages” toy-turned-tool that’s got the comment section on fire. It stacks little cubes using CSS and the DOM (the structure behind a web page) to make blocky scenes—no fancy graphics tech like WebGL required. The demo and docs live at voxcss.com, and yes, it plugs into React, Vue, Svelte, or plain JavaScript.
The hottest take? Performance. One early voice asked, “Is this… actually performant?” while others called it a stupid but fun project that mysteriously seems to power real apps. Then the hype crew rolled in: fans raved the API “feels super natural” and said it’s perfect for landing-page art and playful UI animations. The mood: it’s niche, it’s stylish, and people want to try it.
A veteran chimed in with bundle-size war stories, noting most web 3D eats megabytes of code, implying VoxCSS’s minimalist, no-WebGL approach is refreshing. Meanwhile, jokesters dubbed it “Minecraft made of divs,” cheering camera spins, textures, and cube merges like party tricks. The debate: toy vs. tool. The punchline: even skeptics admit it’s impressive—if it stays snappy when scenes get big. And that’s the cliffhanger everyone’s waiting on.
Key Points
- •VoxCSS is a DOM-based CSS voxel engine that renders 3D HTML cuboids with support for colors, textures, shapes, areas, and projections.
- •It provides framework wrappers for Vue, React, and Svelte, exposing VoxCamera and VoxScene components with identical props.
- •Installation and usage are available via npm and unpkg; renderScene is used for basic rendering and interactive camera control.
- •Performance is optimized through culling of hidden faces and optional mergeVoxels to group adjacent cubes, auto-enabled for scenes over 2000 voxels.
- •VoxCSS can import MagicaVoxel (.vox) files via parseMagicaVoxel and is released under the MIT license; sample apps include Layoutit Voxels and Layoutit Terra.