Brick Mosaic turns any photo into a mosaic of pixel-art building bricks, inspired by LEGO®. Drop in an image and it's resampled into a grid of individually colored 1x1 brick tiles, complete with studs, bevel shading, and a shadow that follows the mosaic's real shape — not a filter, a genuine per-brick recreation of your photo.
Upload any photo — resampled live into a brick mosaic
Cropped to match the component's aspect ratio, like a standard cover-fit image
Brick Size from 8px to 60px controls how many bricks appear, i.e. how much detail shows
Studs toggle for a flatter, more graphic look
Stud Shadow fine-tunes the cast shadow on each stud — lower it on light-colored bricks where it can look too strong
Crop to Fill: fill the frame edge to edge for a full-bleed hero, or keep whole, uncropped bricks with a thin margin
Native Shadow control, applied per brick so it traces the mosaic's actual silhouette instead of a plain rectangle — works great with transparent PNGs/SVGs
Brick Mosaic samples from your photo at up to 1600px on its longest side — that's the internal resolution ceiling, so uploading anything larger won't add extra detail. For a crisp result at high brick counts (small Brick Size), use a source image with roughly that many pixels or more — a low-resolution photo can look soft once split into a lot of bricks. This is a design-time component: set the image and adjust settings from the canvas, there's no upload control for your site's visitors.
Drag Brick Mosaic onto your canvas
Upload or choose an image
Adjust Brick Size
Publish
All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!
Brick Mosaic turns any photo into a mosaic of pixel-art building bricks, inspired by LEGO®. Drop in an image and it's resampled into a grid of individually colored 1x1 brick tiles, complete with studs, bevel shading, and a shadow that follows the mosaic's real shape — not a filter, a genuine per-brick recreation of your photo.
Upload any photo — resampled live into a brick mosaic
Cropped to match the component's aspect ratio, like a standard cover-fit image
Brick Size from 8px to 60px controls how many bricks appear, i.e. how much detail shows
Studs toggle for a flatter, more graphic look
Stud Shadow fine-tunes the cast shadow on each stud — lower it on light-colored bricks where it can look too strong
Crop to Fill: fill the frame edge to edge for a full-bleed hero, or keep whole, uncropped bricks with a thin margin
Native Shadow control, applied per brick so it traces the mosaic's actual silhouette instead of a plain rectangle — works great with transparent PNGs/SVGs
Brick Mosaic samples from your photo at up to 1600px on its longest side — that's the internal resolution ceiling, so uploading anything larger won't add extra detail. For a crisp result at high brick counts (small Brick Size), use a source image with roughly that many pixels or more — a low-resolution photo can look soft once split into a lot of bricks. This is a design-time component: set the image and adjust settings from the canvas, there's no upload control for your site's visitors.
Drag Brick Mosaic onto your canvas
Upload or choose an image
Adjust Brick Size
Publish
All sales of digital products are final and non-refundable. Questions? Contact hellonostromostudio@gmail.com before purchasing. Enjoy!
Nostromo Studio
