Start

• Renderer — Core rendering system and drawing primitives.
• Lines Canvas — Interactive canvas component for drawing generative lines.

Quickstart

npm install --save generative-lines

import { LinesCanvas } from 'generative-lines/lines-canvas'

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

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

Links

• Playground — Interactive playground for testing configurations.
• Demo: Scrolling — Scroll-through demos showcasing different configurations and styles.
• Demo: Agentic Chat — Agentic chat “thinking” animation demo
• Source Code — View the full source code on GitHub.