Bun/Satori icon generator

Icon layers from code.

Write a small TypeScript config, then generate flat SVG layers for Apple Icon Composer and PNGs for the web. The playground below is a static sketchpad that previews the shape before you move it into the real Bun/Satori pipeline.

Try the playground View on GitHub

A small Satori-style sketchpad.

Edit the config, adjust the palette, copy the SVG. Nothing is sent to a server.

project.config editable JSON

Ready

Glyph Size Background Ink Accent

out/playground/light/{background,glyph,accent}.svg

Download

Author once.

Describe layers with small TypeScript functions and Satori element trees.

Export SVG layers.

Use the flat SVG output in Apple Icon Composer without baked shadows or masks.

Ship PNGs.

Rasterize the same source into common web icon sizes with resvg.

bun install
bun run forge projects/dyslexia.ts

out/opendyslexic/light/background.svg
out/opendyslexic/light/glyph.svg
out/opendyslexic/light/png/icon-128.png
out/opendyslexic/light/png/icon-1024.png