I kept converting OLED bitmaps manually for every Arduino project — drawing on graph paper, counting pixels, writing byte arrays by hand.
So I built a tool that does all of it visually.
🔴 Live → oled-pixel-editor.netlify.app
⭐ GitHub → S-SUJAN-S/oled-pixel-editor
📺 Watch the full tutorial on how to use this:
What it does
Think MS Paint — but every pixel maps directly to a pixel on your SSD1306 OLED display.
- 15 shape tools — circle, ellipse, triangle, star, arrow and more
- Selection system — move, resize, copy, paste, crop
- 16 resolution presets — 128×64, 128×32, 96×16 and more + custom up to 1024×1024
- Export as PNG, CSV, C Array, or a complete Arduino sketch (.ino)
- 80-step undo/redo, touch + pinch-zoom support
- Single HTML file — no install, works offline
The export that actually matters
Click Arduino Sketch → get a complete .ino ready to flash:
display.clearDisplay();
display.drawBitmap(0, 0, myBitmap, 128, 64, SSD1306_WHITE);
display.display();
Open in Arduino IDE → Upload. Done.
⚠️ Currently configured for ESP8266 NodeMCU. Multi-board support (ESP32, Uno, Nano) is on the roadmap.
What's next
- [ ] Image import — auto-dither PNG/JPG to monochrome
- [ ] Video import — frame-by-frame OLED animations
- [ ] Multi-board export — ESP32, Arduino Uno/Nano, STM32
It's free, open source, and I'm actively building on it.
If you use OLED displays in your projects, give it a try and let me know what you think 👇
— Sujan, BlinkNBuild
Top comments (0)