The Vibeary — tag
generative
30 resources in The Vibeary tagged "generative" — tools, libraries and references pulled from across the library's shelves, each one checked by hand before it was added.
Gems in this collection

Super Snowflake Maker
Symmetry-based editor where folding and cutting operations generate paper snowflake designs, exporting SVG or a print-and-cut PDF.

ttten
Pattern generator based on the classic 10 PRINT maze algorithm, output as tileable SVG.

CSS { In Real Life }
Long-running blog on CSS, SVG, generative graphics, Eleventy and sustainable web development from a working front-end developer.

qqquad
Generator producing Bauhaus-inspired generative geometric compositions as downloadable SVG artwork, with colour and density controls.

ASCII Video Converter
Client-side tool converting uploaded video or webcam feed into coloured ASCII art with adjustable resolution, palette and character set.

Boring Avatars
Generates deterministic SVG avatars from a name string in several geometric styles, as a React component or API.

Genuary
Annual January event issuing 31 daily generative art prompts, with an archive of past prompts and community submissions.

FarbVelo
Generative random-color explorer with perceptual distance controls, color-blindness preview and a genuinely playful interface.

tixy.land
Creative coding environment where a single JavaScript expression over t, i, x and y drives a sixteen-by-sixteen dot grid.

Sliderland
Creative coding playground where animations are driven entirely by 64 HTML range sliders and a single mathematical expression.

Trianglify
Generates low-poly triangle mesh backgrounds from a seed and palette, available as a site and a JS library.

ambient.garden
Explorable algorithmic audio landscape where drifting through a 2D world triggers procedurally generated ambient music.

MarkovJunior
Probabilistic programming language for generative art and level design based on rewrite rules and constraint propagation.

Layoutit Terra
Procedural terrain generator that renders landmass, biomes and elevation entirely through CSS grid cells rather than canvas.

Pulsar
Micro creative-coding playground where you edit a short expression and switch between classic, hex and triangular tilings to make generative loops.

Blot
Open source pen-plotter drawing machine paired with a browser editor where art is written as code and submitted to a gallery.

morphogenesis-resources
Curated reference of algorithms for growth and form — diffusion-limited aggregation, reaction-diffusion, L-systems, space colonization.

awesome-creative-coding
Curated list of creative coding resources: books, tools, shaders, generative art frameworks and courses.

Emoji Pattern Generator
Creates tiled or scattered emoji patterns inside Figma with controls for density, rotation and randomness.

QRFrame
QR code designer where the rendering is defined by editable code presets, letting you script appearance parameters and export SVG.

NEORT
Digital art platform where creative coders publish shader and generative sketches with a curated popular feed.
SOUND TERRARIUM
Tiny living world where microphone bands raise the terrain while real-world time, weather and moon phase shape the sky — browser port of a Cardputer toy.

Machine Vision
Browser visual instrument that turns local video into procedural points, brackets, labels and tracking overlays, then exports a five-second composite clip.

playgrnd
Collection of 33 free, single-purpose generative design tools for patterns, backgrounds, posters and textures — all run in-browser with no accounts or uploads.
Moiré Lab
Local-first WebGL2 playground that overlays two pattern layers — stripes, grids, radials, dots — so you can tune moiré interference live.
ShaderGif
Open-source platform for publishing and browsing animated art generated by code, with GIF export from shaders.
css-doodle
Web component that generates CSS-only patterns and grids from a compact declarative rule language with built-in randomness.
Programming Design Systems
Free interactive book teaching graphic design fundamentals — colour, shape, typography, grids — through executable code examples.
Robohash
URL-based API that deterministically generates a unique robot, monster or cat avatar from any string.
Sky as a CSS Gradient
Page that renders the current sky at your approximate location as a live CSS gradient, refreshing every minute.