Generative Lines

This is a little experiment packed into a reusable library and web component.

I wrote this to explore:

• canvas drawing
• generative art (Note: NOT genAI art)
• web components
• atomic design in Astro

Quickstart

npm install --save generative-lines

import { LinesCanvas } from 'generative-lines'

customElements.define('lines-canvas', LinesCanvas)

<lines-canvas lines="10" colors="5"></lines-canvas>

Links

• Playground — Detailed documentation for the library and web component.
• Demo — Scroll-through demos showcasing different configurations and styles.
• Documentation — Detailed documentation for the library and web component.