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

Preview of Super Snowflake Maker

Super Snowflake Maker

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

Shalanah Dawson (@shalanah)free
Preview of ttten

ttten

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

fffuelfree
Preview of CSS { In Real Life }

CSS { In Real Life }

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

Michelle Barker (@MicheBarks)free
Preview of qqquad

qqquad

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

fffuelfree
Preview of ASCII Video Converter

ASCII Video Converter

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

stereoDrift (@collidingScopes)MIT
Preview of Boring Avatars

Boring Avatars

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

Hayk An, Javi Sánchez-Marín, Enric Pallerols & Josep MartinsMIT
Preview of Genuary

Genuary

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

Genuary communityfree
Preview of FarbVelo

FarbVelo

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

David Aerne (@meodai)free
Preview of tixy.land

tixy.land

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

Martin Kleppe (@aemkei)free
Preview of Sliderland

Sliderland

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

blinry (@blinry)free
Preview of Trianglify

Trianglify

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

Quinn Rohlf (@qrohlf)MIT
Preview of ambient.garden

ambient.garden

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

Pierre Cusa (@pierrec)free
Preview of MarkovJunior

MarkovJunior

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

Maxim Gumin (@ExUtumno)MIT
Preview of Layoutit Terra

Layoutit Terra

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

Layoutit Studiofree
Preview of Pulsar

Pulsar

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

Stanko Tadić (@stankot)free
Preview of Blot

Blot

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

Hack ClubMIT
Preview of morphogenesis-resources

morphogenesis-resources

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

Jason Webb (@jasonwebb)open-source
Preview of awesome-creative-coding

awesome-creative-coding

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

Terkel Gjervig (@terkelg)open-source
Preview of Emoji Pattern Generator

Emoji Pattern Generator

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

Niyamaxopen-source
Preview of QRFrame

QRFrame

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

Kyle Zheng (@zhengkyl)MIT
Preview of NEORT

NEORT

Digital art platform where creative coders publish shader and generative sketches with a curated popular feed.

NEORTfree
Preview of SOUND TERRARIUM

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.

@kariagepompadourMIT
Preview of Machine Vision

Machine Vision

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

Amir MushichMIT
Preview of playgrnd

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.

playgrndfree
Preview of Moiré Lab

Moiré Lab

Local-first WebGL2 playground that overlays two pattern layers — stripes, grids, radials, dots — so you can tune moiré interference live.

Unknownunknown
Preview of ShaderGif

ShaderGif

Open-source platform for publishing and browsing animated art generated by code, with GIF export from shaders.

ShaderGifopen-source
Preview of css-doodle

css-doodle

Web component that generates CSS-only patterns and grids from a compact declarative rule language with built-in randomness.

Yuan Chuan (@yuanchuan23)MIT
Preview of Programming Design Systems

Programming Design Systems

Free interactive book teaching graphic design fundamentals — colour, shape, typography, grids — through executable code examples.

Rune Madsen (@runemadsen)free
Preview of Robohash

Robohash

URL-based API that deterministically generates a unique robot, monster or cat avatar from any string.

Colin Davisfree
Preview of Sky as a CSS Gradient

Sky as a CSS Gradient

Page that renders the current sky at your approximate location as a live CSS gradient, refreshing every minute.

Daniel Lazaro (@dnlzro)free