Logo Designer

Why it's ranked here

Its appeal comes from a narrow workflow executed with useful depth. Marching-squares contour extraction, adjustable Bézier fitting, multi-color paths, symmetry, undo, and layered export make it more capable than a basic pixel painter. The absence of a server or environment configuration also keeps experimentation straightforward.

What's good

The drawing model includes lines, rectangles, ellipses, flood fill, four brush sizes, and mirrored input. Undo groups a complete drag or resize as one action. SVG output is self-contained, keeps colors in separate paths, preserves layers as groups, and uses even-odd filling for holes. PNG output offers three resolution multipliers.

Tradeoffs

The canvas is constrained to square grids from 8 to 128 cells, with only two or three layers. Export and rasterization depend on browser APIs. More importantly, the shown light, dark, and adaptive SVG implementation changes or defines backgrounds but leaves path fills at their stored colors, so foreground recoloring described in the documentation is not evident in the supplied code.

How to use it well

Use it for quickly exploring compact symbols, pixel-derived marks, symmetric icons, and layered shapes before exporting an SVG for downstream use. Start coarse, use symmetry for structure, then compare pixel and smoothed previews before export. It does not cover general freeform vector illustration, unrestricted layer stacks, or server-side generation.

Observed

License

MIT

Primary language

TypeScript throughout

Interface

Browser-based React application with no server or backend

Install surface

npm installation with development, build, preview, and test scripts

Runtime dependencies

React and React DOM only

Export formats

Self-contained SVG and browser-rasterized PNG

Grid support

Square grids from 8×8 through 128×128

Layer structure

Two to three independent layers with visibility and rotation controls