---
title: "Blocked - Turn Any Image into 3D LEGO-Compatible Brick Figures"
url: https://daily.dev/posts/blocked---turn-any-image-into-3d-lego-compatible-brick-figures-ptecwlvmv
source_url: https://daily.dev/posts/blocked---turn-any-image-into-3d-lego-compatible-brick-figures-ptecwlvmv
type: freeform
source: "Showcase"
author: "Cristian Olivera Chávez"
published: 2026-05-24T12:22:43.624Z
updated: 2026-05-28T02:16:30.670Z
tags: ["3d", "nextjs", "react", "react-three-fiber"]
reading_time: 1
upvotes: 6
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

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

**[Showcase](https://daily.dev/sources/showcase)** · [@cristianolivera1](https://daily.dev/cristianolivera1) · 1 min read · 6 upvotes · 0 comments

## Summary

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.

## Content

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.

Repo: [https://github.com/victorgalvez56/blocked](https://github.com/victorgalvez56/blocked)
Live: [https://blocked.victorgalvez.dev/studio](https://blocked.victorgalvez.dev/studio)

## Similar posts on daily.dev

- [The Free Universal Construction Kit](https://daily.dev/posts/the-free-universal-construction-kit-ehozl9rep) · Hacker News · 0 upvotes · 0 comments
- [Multimedia Building Blocks](https://daily.dev/posts/multimedia-building-blocks-0jfshblu2) · Hugging Face · 1 upvotes · 0 comments
- [Easily Lay Floor Bricks With Procedural Masonry Generator](https://daily.dev/posts/easily-lay-floor-bricks-with-procedural-masonry-generator-p3jyxzljb) · 80 LEVEL · 1 upvotes · 0 comments

---

Tags: [#3d](https://daily.dev/tags/3d), [#nextjs](https://daily.dev/tags/nextjs), [#react](https://daily.dev/tags/react), [#react-three-fiber](https://daily.dev/tags/react-three-fiber)

[View this post on daily.dev](https://daily.dev/posts/blocked---turn-any-image-into-3d-lego-compatible-brick-figures-ptecwlvmv)