Svelte SVG Genart

Easily create generative SVG art with Svelte. Highly inspired by Creating Generative SVG Grids on Frontend Horse although with new shapes & an algorithm to generate the grid dimensions

Usage

Install the package with your favourite node package manager (I'm partial to pnpm)

pnpm i svelte-svg-genart

Then add the following to your +page.svelte

<script lang="ts">
    import Gengrid from 'svelte-svg-genart';
</script>

<Gengrid />

Dev instructions

You can run the demo locally with pnpm run dev

Demo

A live demo of the library can be found at https://svelte-svg-genart.pages.dev/