Package Exports
- @genart-dev/examples
- @genart-dev/examples/sketches/archipelago.genart
- @genart-dev/examples/sketches/aurora.genart
- @genart-dev/examples/sketches/constellation.genart
- @genart-dev/examples/sketches/coral.genart
- @genart-dev/examples/sketches/erosion.genart
- @genart-dev/examples/sketches/interference.genart
- @genart-dev/examples/sketches/letterpress.genart
- @genart-dev/examples/sketches/lichen.genart
- @genart-dev/examples/sketches/murmuration.genart
- @genart-dev/examples/sketches/mycelium.genart
- @genart-dev/examples/sketches/origami.genart
- @genart-dev/examples/sketches/phase-space.genart
- @genart-dev/examples/sketches/textile.genart
- @genart-dev/examples/sketches/tide-pool.genart
Readme
@genart-dev/examples
14 curated generative art sketches across 5 rendering engines, each created from a single AI prompt. Published to npm for use in the genart.dev gallery.
Install
npm install @genart-dev/examplesimport { EXAMPLES, SKETCHES_DIR } from "@genart-dev/examples";Gallery
p5.js
![]() |
Murmuration
Boids flocking with separation, alignment, and cohesion. Each bird leaves a fading trail, creating emergent order from three simple rules. |
![]() |
Tide Pool
Perlin-noise-modulated circle growth with collision detection. Organisms compete for space, creating a dense, translucent tidal composition. |
![]() |
Lichen
Diffusion-limited aggregation: random walkers drift until they touch the growing structure and freeze in place. Fractal, patient, irreversible. |
Canvas 2D
![]() |
Erosion
Multi-octave Perlin noise heightmap with simulated water droplet erosion and contour line extraction. A fictional landscape survey. |
![]() |
Textile
Simulated warp/weft weave with pattern variation. Thread spacing, width, and color shift create the illusion of handwoven fabric. |
![]() |
Phase Space
Double pendulum trajectory plotted in angle-angle phase space using RK4 integration. A deterministic system that never repeats. |
Three.js
![]() |
Coral
L-system branching in 3D with randomized angles. Directional lighting and warm-to-cool color gradients create depth. |
![]() |
Constellation
Points on a sphere with proximity-based edge connections. Stars orbit slowly, constellation lines form and dissolve. |
![]() |
Origami
Sequential fold transformations on a flat mesh. Each fold rotates vertices around a crease axis, building complexity from flatness. |
GLSL
![]() |
Aurora
Multi-octave noise curtains with additive blending. Horizontal bands of light undulate and shift, mimicking auroral dynamics. |
![]() |
Mycelium
Voronoi distance field with animated veins along cell boundaries. Pulsing glow simulates nutrient flow through a fungal network. |
![]() |
Interference
Multiple sine wave point sources with additive superposition. Constructive and destructive interference creates evolving moire patterns. |
SVG
![]() |
Archipelago
Noise heightmap thresholded at sea level, with concentric contour lines for elevation. A cartographer's map of islands that don't exist. |
![]() |
Letterpress
Grid cells filled with geometric primitives by seeded RNG. Systematic composition where constraint breeds creativity. |
Sketch format
Each .genart file is a self-contained JSON document with renderer type, parameters, color palette, seed, and algorithm source code. See @genart-dev/format for the spec.
Renderers
| Engine | Sketches | WebGL |
|---|---|---|
| p5.js | Murmuration, Tide Pool, Lichen | No |
| Canvas 2D | Erosion, Textile, Phase Space | No |
| Three.js | Coral, Constellation, Origami | Yes |
| GLSL | Aurora, Mycelium, Interference | Yes |
| SVG | Archipelago, Letterpress | No |
Support
Questions, bugs, or feedback — support@genart.dev or open an issue.
License
MIT













