genart.dev
Examples

Examples

17 curated example projects demonstrating all renderers and plugins.

The @genart-dev/examples package includes 17 curated example projects that demonstrate the platform's capabilities across all five renderers.

Installation

npm install @genart-dev/examples

Or browse them in the example gallery.

Projects by Renderer

p5.js

ProjectDescription
noise-fieldPerlin noise flow field with particle trails
recursive-subdivisionRecursive grid subdivision with random fills
circle-packingCircle packing with collision detection
wave-interferenceOverlapping sine wave interference patterns

Canvas 2D

ProjectDescription
particle-systemGravity-based particle system with trails
voronoi-landscapeVoronoi diagram with terrain coloring

Three.js

ProjectDescription
wireframe-terrain3D terrain mesh with noise displacement
particle-galaxyRotating galaxy of 10,000 particles
crystalline-growthCrystal growth simulation

GLSL

ProjectDescription
reaction-diffusionGray-Scott reaction-diffusion system
fractal-explorerMandelbrot/Julia set explorer
kaleidoscopeReal-time kaleidoscope shader

SVG

ProjectDescription
generative-typographyLetter forms from geometric primitives
hatching-patternsCross-hatching fill patterns
perspective-cityProcedural isometric cityscape

Multi-Plugin

ProjectDescription
layered-posterText + shapes + filters design composition
traced-landscapePhoto tracing + painterly rendering