<p>An open-source 3D brick design studio that voxelizes images into buildable brick figures. Built using Next.js 16 (App Router), React 19, and React Three Fiber, it features a front-driven voxelizer that reconstructs shape/depth from silhouettes in real time. It maps coordinates directly to the official 34-color Lego palette and exports a production-ready BrickLink XML parts list (Bill of Materials) for real-world building.</p>
<p>Repo: <a href="https://github.com/victorgalvez56/blocked" target="_blank" rel="noopener nofollow">https://github.com/victorgalvez56/blocked</a>
Live: <a href="https://blocked.victorgalvez.dev/studio" target="_blank" rel="noopener nofollow">https://blocked.victorgalvez.dev/studio</a></p>


Welcome to Showcase. A dedicated space for the daily.dev community to demo side-projects and share product updates. Whether it's a weekend build, a SaaS launch, or a helpful open-source tool, your code deserves an audience.

Showcase

Blocked is an open-source 3D brick design studio that converts images into buildable LEGO-compatible brick figures. It uses a front-driven voxelizer to reconstruct shape and depth from silhouettes in real time, maps colors to the official 34-color LEGO palette, and exports a BrickLink XML Bill of Materials for real-world building. Built with Next.js 16 (App Router), React 19, and React Three Fiber.

Blocked - Turn Any Image into 3D LEGO-Compatible Brick Figures