Back to The Grid
PROJECT #051Completed

Sigil Logo Maker

Browser-based logo maker built on Fabric.js with shape tools, text, color palettes, and a Smart Generate feature that searches 100k+ Iconify icons via natural language. Export to SVG, PNG, or ICO for favicons. Includes a wizard for guided logo creation and canvas mask shapes for app icons.

Shipped: TBD
Next.jsTypeScriptTailwind CSSFabric.jsZustand

Retrospective

The Good

Fabric.js handled all the heavy canvas lifting. Smart Generate with Iconify gives access to 100k+ icons through natural language, which turned out to be the killer feature nobody expected. Building the wizard flow with color palette generation was the most fun part.

The Bad

Fabric.js v7 has spotty docs. Gradient backgrounds needed a workaround with invisible rect objects because Fabric doesn't support CSS gradients on the canvas background natively. Took a few tries to get that right.

The Ugly

Mobile experience is rough — a 400px canvas on a 375px screen does exactly what you'd expect. It was designed desktop-first and it shows. Also, no save/load project files yet, so closing the tab means starting over.

Screenshots