OLED Pixel Studio
Complete 4-in-1 browser workspace for monochrome OLED displays. Draw pixel art, convert photos to 1-bit dithered bitmaps, create multi-frame animations, and convert videos with instant code export.
- 128x64, 128x32, 96x16, 64x48 and custom grid dimensions
- Atkinson, Floyd-Steinberg, and threshold image dithering
- Multi-frame animation studio with FPS and playback controls
- C header arrays in PROGMEM, and ready-to-upload Adafruit SSD1306 sketches
SchemFlow CAD
Fast, browser-based PCB schematic annotation and wire routing engine. Upload any circuit layout or board snapshot, route orthogonal traces with snap-locking, and export annotated artwork for tutorials and documentation.
- Orthogonal 90-degree trace routing with automatic angle-locking
- Direct freeform trace routing with smooth curve algorithms
- 11 high-visibility wire colors and custom color picker
- 50MB image support (PNG, JPG, WEBP) with full-resolution export
FSM Studio
Design a finite state machine from its state table. The state diagram draws itself, and you get clean Verilog, a self-checking testbench and a clock-by-clock simulation with a waveform and transition coverage.
- Moore and Mealy machines, up to 16 states, 3 inputs and 4 outputs
- Verilog or SystemVerilog, with binary, Gray or one-hot state codes
- The shortest test that takes every arrow, as a ready testbench
- Finds unreachable and equivalent states, and minimises for you
Guide
Choosing and using the tools
Each tool here does one job in a hardware project: drawing graphics for a small display, marking up a circuit diagram, or designing a state machine. They run in the browser you already have, and every one of them has a full guide on its own page. This section helps you pick the right one and shows how they fit together.
Which tool do I need?Start from the job, not the tool
| You want to... | Use |
|---|---|
| Draw an icon, logo or menu screen for an SSD1306 OLED | OLED Pixel Editor |
| Show a photo or a logo file on an OLED | Image to Pixels, then the editor |
| Play a short animation on an OLED | Animation Studio |
| Turn a video clip into OLED frames | Video to Animation |
| Highlight wires on a schematic for a report or tutorial | SchemFlow |
| Design a controller or sequence detector and get Verilog | FSM Studio |
Three typical workflowsHow the tools chain together in a real project
A boot logo on an Arduino display
- Convert your logo in Image to Pixels at the display's exact size (for example 128 × 64).
- Send the best variant to the Pixel Editor and clean up stray pixels.
- Export an Arduino sketch, check the I2C address, and upload it.
A lab record that explains a circuit
- Screenshot the schematic from the datasheet at high zoom.
- In SchemFlow, trace the power rails, ground and the signal you are discussing in different colours.
- Export the PNG and add a one-line colour key beneath it in your report.
A traffic-light controller for an FPGA lab
- Fill in the state table in FSM Studio and watch the diagram draw itself.
- Step through it clock by clock, then generate the self-checking testbench.
- Run the design and testbench in a simulator before you ever program a board.
Where your files goWhat stays on your device, and what is saved
- Images, schematics and videos are opened by your browser and processed in the page with JavaScript and the HTML canvas. They are not uploaded to a server.
- Work in progress is saved in your browser's local storage by the tools that autosave (the Pixel Editor, the animation drafts and FSM Studio). It stays on this device and this browser only.
- Exports - PNG, CSV, C headers, Arduino sketches, GIFs, Verilog - are downloaded straight to your computer. Keep them; they are your real copy.
Browsers and devicesGetting the best experience
The tools work in current versions of Chrome, Edge, Firefox and Safari. The OLED tools support touch and pinch-to-zoom on tablets. SchemFlow and FSM Studio are much easier with a mouse and a larger screen, because they involve precise clicks and wide tables.
If something looks wrong after an update, reload the page: the tools are cached for speed, and a reload fetches the newest version.
Want to understand what the tools produce? The Hardware Academy teaches the C behind the OLED exports, the state machines behind FSM Studio, and the timing behind every clocked design.