The guide · Make
Make your own.
Every pattern on your board was made by someone. This is where they come from: the community, where people share them, and Pattern Lab, where you make your own.
Scroll
The guide · Make
Every pattern on your board was made by someone. This is where they come from: the community, where people share them, and Pattern Lab, where you make your own.
Scroll
Patterns other people made, playing live. Take one at a time, or a whole deck.
The wall
community.patternflow.work hangs everything people have shared. Put the mouse on a card and it plays; roll the wheel over its screen and a knob turns. The screen is split K1 to K4, left to right.
Looking needs no account. On a phone the cards are stills: tap one to open its page, where it plays.

Newest · Oldest · Most liked · Most forked · In decksThe orders the wall comes in. Oldest goes back to the very first patterns.
.h
Every pattern here is JavaScript: that's what plays in your browser. The board runs C++, so a pattern goes on it only once it has a .h, its firmware header.
Those carry a .h on the screen. Press Flashable now and only they stay.

Hardware ready — ships a .h firmware headerThe right one can go on a board. The left one is JS only: it plays here, not there.
One pattern
Open a pattern with a .h and press ↗ Send to my Patternflow, then Send over Wi-Fi. Your board's own Patterns page opens with the pattern linked, fetches it and installs it. No account, no cable.
It's in the list straight away. Hold K4 to find it.
On Android, type the IP from K2 into Board address in the same window first.

↗ Send to my PatternflowOn the page of any pattern with a .h. No account needed.
Your deck
A deck is a running order: up to 20, kept in this browser. Press + on a card with a .h, or drag the card down onto the bar at the bottom. Drag a slot to move it; drop it on ✕ to take it out.
Send to my board builds the deck (you need an account), then Send over Wi-Fi puts it on your board. On a phone, the ▦ chip at the top holds your deck.
Up to firmware v3.10.4, Send over Wi-Fi drops this order; the next firmware keeps it. Until your board has it, drop the ↓ .zip on the board's Patterns page instead.

Add to your deckThe + on a card with a .h. Pressed, it turns into a −.
Other decks
The Decks page holds the sets people stand behind. Basics, from Play's 03, is there, under Ships with Patternflow. Open a community deck and press Install to my board: no account, and the order comes with it.
Copy into my deck puts it in your bar instead, to change before you send it.

Community decksEveryone's public decks: the first few patterns, in order, then how many more.
Make it yours
Every pattern's page has Open in Pattern Lab, .h or not. A copy opens in the Lab; share it from there and it goes up as your fork, linked to the original.
That Lab is the one at community.patternflow.work, with drafts of its own: whatever was open there waits under Recent ▾. Making one of your own is next.

Open in Pattern LabOn every pattern's page, with a .h or without.
Ask an AI for one, colour it, set its knobs and put it on your board. All in the browser.
Pattern Lab
Pattern Lab is at patternflow.work/pattern-lab. It runs in the browser: nothing to install, and no account to start making. The preview is on the left, the code in the middle, the knobs and the Color Ramp on the right.
On a big enough screen it's open right here, beside these cards. It's your real Lab, with what this browser has saved, and what you make in it stays. The pointer shows the way; the clicks are yours.
The name
Type a name where it says name this pattern. It's the name your board lists it under; left blank, the board gets a layer's name, like Code 1.
Your work saves as you go, in this browser only. Under the name it says Saved locally.

name this patternAt the top of the Lab. To hardware writes this name into the .h; the Director and Share start from it.
Ask an AI
Press Copy prompt, paste it into an AI and send it. Copy the code it writes, then press Paste in the Lab: the preview changes to the new pattern.
For real, that's your own AI, ChatGPT, Claude, Gemini or another, and it comes back with five variations to choose from. On a big enough screen, a practice AI with set answers stands in for it here.
Paste reads the clipboard, so the browser may ask first. Allow it, or paste into the box the Lab opens instead and press OK.

Copy promptCopies the AI prompt for this layer, with its code in it.
Color Ramp
The prompt asks for a v-field: the code gives each pixel a value from 0 to 1, and the layer's Color Ramp colours it. The ramp starts black to white.
Press Random ramp and the preview takes its colours; press it again for others, or click the bar to add a stop. The ramp goes to the board with the pattern.

PreviewA v-field on the default ramp: each pixel's value, 0 to 1, shown black to white.
Knobs
The four sliders are your board's knobs, K1 at the top, shared by every layer. Drag one and watch the preview.
The boxes either side are its range: double-click one and type a number. Names and ranges start from a line in the code that begins // @knobs. Widen a range and the knob does more, on the board too.

KnobsThe boxes either side of a slider are its range. Drag a digit sideways, or double-click and type.
To hardware
The board runs C++, so the pattern goes to it as a .h header, and an AI writes that too. Press To hardware, then Copy the conversion prompt, and send it to the AI.
Copy the .h it writes. It goes into the Lab next.

Copy the conversion promptThe prompt for your AI: the pattern with its name, knobs and ranges, the ramp as a finished colour table, and how Patternflow's C++ is written.
Apply
Paste the .h into the box under Copy the conversion prompt. Looks like a header ✓ means it starts with #pragma once; press Next →.
↗ Apply to my Patternflow builds a module on the community's server, so you need to be signed in. Send over Wi-Fi then opens your board's Patterns page, which installs it. Hold K4: it's in the list, under its name.
Your computer has to be on the same Wi-Fi as the board. On Android, put the IP from the board's NETWORK screen (hold K2) into Device address first.

Looks like a header ✓Here, the real .h of the pattern the Lab opens with. Copy .h and Download .h keep a copy; Next → goes on.
Layers
+ Code adds another pattern on top, with its own ramp; + Pixel, a layer for pixel art or an image. Tick masks layer below, and the new layer cuts out the one beneath it.
A layer that paints has Opacity and Blend instead. For the board, each code layer gets its own prompt.

+ Code · + PixelThe top of the list is the top of the stack. Drag to reorder, double-click to rename.
Graphic Export
In the Graphic Export tab, pick a size and press Save PNG: your pattern as a picture, up to 4096 px a side. ● Record makes an MP4 or WebM. It all happens in your browser.

Business card 3.5 × 2 in @ 300 dpi (1050 × 600)A size preset, like the frame × 4 to × 16, Full HD or 4K. Custom… goes up to 4096 px a side.
Director
In the Director tab, double-click the lane in two places, a little apart: two keyframes and a curve between them. Press ▶ and the knob follows it.
.pfs plays on a board with the Performance edition, .mid goes to Ableton, Render… makes a video.

.pfs · .mid · Render…Keyframes on Glitch's lane, a smooth curve between them; ▶ plays it. .pfs is the show for a Performance-edition board, .mid the same moves as MIDI for Ableton, Render… a video.
The community
Upload to the community, after Next → in To hardware, publishes it with its .h, ready for anyone's board; Share, at the top, without one. You sign in when you publish.
Opened someone's pattern? Yours goes up as its fork. And a JS-only pattern from 01 can get its .h the same way: make it here, then propose it on its page with Port this pattern (.h).

Upload to the communityUnder Apply. The pattern and its .h go up together. Opened from someone's pattern, it goes up as their fork: the top of the Lab says forking from …, and its × undoes that.
Now you can find patterns and make your own. This guide grows: the rest of what the board can do joins it here, a chapter at a time.
The Audio guide
Joining this guide
Until they're here, the real things: