RITMO
FreeLayered noise waves
Wave and stripe forms driven by layered simplex noise, with HSLuv-generated palettes, three color-sorting modes, gradient fills and strokes, dash patterns and 20 built-in presets.
Open RITMO →Four studios · One canvas · Browser-based
Ritmo is four generative-art studios sharing one canvas and one engine — layered noise waves, blurred form grids, kaleidoscopic snowflakes and image displacement. Design in your browser, export up to 4K. Free to start.
Made with Ritmo
Each studio speaks a different dialect of generative graphics — waves, grids, symmetry, distortion — all rendered from the same shared core.
Hover to pause · click any frame to view it full size
The four studios
Switch studios from a single tab bar. Each is an isolated p5.js sketch with its own control panel — but they share palettes, presets and export.
Layered noise waves
Wave and stripe forms driven by layered simplex noise, with HSLuv-generated palettes, three color-sorting modes, gradient fills and strokes, dash patterns and 20 built-in presets.
Open RITMO →Blurred form grids
A grid of rounded rects or SVG shapes with per-form blur and blend modes, composited through a gaussian-blur framebuffer and a film-grain shader. 150 LCH palettes and 22 presets.
Open BORRO →Kaleidoscopic snowflakes
Thousands of shapes sampled on a grid and driven by 4D simplex noise with branch symmetry, swirl, pattern tiling and image masks. 19 shape types, 1000 palettes, 29 presets and SVG export via paper.js.
Open COPO →Image displacement
A source photo run through box, flow and sine displacement filter shaders and a refract-grid skew shader, with texture wrap modes and 14 presets. Turn any image into flowing abstraction.
Open REFRAC →Make it move
Load an MP3 in any studio and the canvas dances to it. Ritmo splits your track into bass, mid and high in real time — map each band to any parameter and hear the artwork breathe.
The shared engine
Four studios, one architecture. Everything you learn in one carries to the next.
Each studio is an isolated sketch, code-split and lazy-loaded on first open. Heavy libraries load only when the studio that needs them does.
HSLuv and LCH color math produce over a thousand perceptually even generative palettes — shared across every studio.
A declarative, numbered control panel for every parameter, with localStorage autosave per studio. Tune it, leave, come back to it.
The full rack
Every generator, filter and colour engine on board — stack as many as your idea needs. Each studio's modules feed the same export pipeline.
True to size
Lock the canvas to the ratio you frame with — story, portrait, square or widescreen — and design inside the real edges from the first second.
Pricing
Two studios and 4K PNG export are free, no account needed. Pro unlocks the other two studios, animation and vector export, and every preset — monthly, or yearly for a third less.
Subscriptions run through Stripe. Sign in with Google in the app to start.
No catch · Runs in your browser