flowshape: 38 deterministic pattern generators for print-ready and audio-reactive generative art

flowshape is a free, open-source web application that turns mathematics into art. It ships 38 deterministic pattern generators — Voronoi meshes, Truchet tilings, flow fields, phyllotaxis spirals, isometric voxel forms, diffusion-limited growth and more — with every parameter exposed to the reader. Four outputs share one generator core: Print. Export the bare pattern as SVG or PNG at any paper size. The SVG opens cleanly in Figma, Illustrator, Inkscape or Canva. Compose. Set the pattern into a designed sheet — artwork field, title block, parameter table, accent mark — and browse validated poster layouts. Layouts are data records, not code paths. Motion. Drive the same pattern with audio, from a file or the microphone, on a 16:9, 9:16 or 1:1 stage, and record the result as a video file. Keep. Save any design, poster or animation to the browser and return to it later — renaming, deleting, or exporting the whole collection as a file. A curated gallery of selected work sits alongside it. Two properties make the work citable rather than merely interactive. First, the URL is the state: pattern id, every parameter, seed, colour and output format are encoded in the address bar, so the same link always renders the same artwork, byte for byte. There is no backend and no account: a link is the whole document. Work worth keeping is saved in the reader’s own browser and can be exported as a file, so nothing is held on a server and nothing is lost when one goes away. Second, the mathematics and the source are both on the page: every pattern exposes the formula that draws it, a plain-language reading of that formula in English and Spanish, a note on what each parameter does, a citation to the source literature, and the generator's own unedited source. Implemented in TypeScript as a pure-SVG static site with no runtime dependencies. Live at flowshape.art; source code, issue tracker and full commit history at github.com/Jossifresben/flowshape. Each deposit archives the corresponding tagged release of that repository.