How do I create OLED display animations for Arduino?

Select a template or draw frames, choose SSD1306/SH1106 and size, preview your OLED display animation, then click Get the Code for a ready Arduino or MicroPython sketch.

What is an OLED animation maker?

An OLED animation maker is an online tool to create animations for Arduino OLED modules without writing hex arrays by hand. Ours adds drawing, GIF import, SH1106 support, and live hardware preview.

How do I animate an SSD1306 OLED?

Open the Animate tab, add frames on the timeline (or start from a template), set FPS, then click Get Code for a PROGMEM bitmap and playback loop.

How do I convert a GIF or PNG to OLED bitmap code?

Use the Import tab and drop your file. Each frame is dithered to 1-bit pixels and exported as a C++ or Python array for your chosen width and height.

Yes. Choose SH1106 in the display menu — Arduino code uses the Adafruit SH110X library (which handles the SH1106 2-column offset) and MicroPython code uses the sh1106 driver, so graphics align correctly on SH1106 modules.

Can I preview on real hardware?

Yes. USB: upload the receiver sketch and click Connect in Chrome or Edge (WebSerial). Wireless: ESP8266 or ESP32 on home WiFi — click WiFi Connect and enter the ESP IP. Animations stream to the physical OLED in real time.

Can I preview OLED animations wirelessly over WiFi?

Yes. ESP8266 (NodeMCU, Wemos D1) and ESP32 join your home WiFi. Upload the WiFi receiver sketch once, enter the IP shown on the OLED, and click WiFi Connect — no USB cable needed after setup.

Arduino vs MicroPython export?

Toggle the language pill in the header. Arduino output supports Adafruit SSD1306, Adafruit SH110X, and U8g2; MicroPython targets framebuf on Raspberry Pi Pico and similar boards.

Is this an alternative to image2cpp for OLED animations?

Yes — import GIF/PNG or draw frames, then export image to byte array Arduino code with a full oled animations playback loop. Works as an arduino oled code generator with timeline and templates, not only a single static bitmap.

How do I use 2 OLED displays with Arduino?

Select 'Dual Screen (2 OLEDs)' from the Display Mode menu. Our tool generates code for two SSD1306 displays with different I2C addresses (0x3C and 0x3D). You can assign different animations to Screen A and Screen B, then get unified Arduino code that controls both displays simultaneously.

Can I connect multiple OLED displays with the same I2C address?

Most OLED modules come with address 0x3C, but you can change one to 0x3D by soldering a jumper on the back. Alternatively, use an I2C multiplexer like TCA9548A to connect multiple displays with identical addresses. Our dual screen mode generates code for both 0x3C and 0x3D addresses.

What is dual OLED display mode?

Dual OLED display mode lets you control 2 separate SSD1306 screens from one Arduino. Each screen can show a different animation, perfect for creating interactive projects like a conversation between two characters, split-view dashboards, or synchronized animations across multiple displays.

Can I generate OLED code with shapes instead of bitmap arrays?

Yes. Switch the code style to Vector and the tool exports clean Adafruit GFX / U8g2 primitive calls — drawLine, drawRect, drawCircle, and text with setCursor/println — instead of PROGMEM byte arrays. Shapes and text you draw become readable, editable C++ primitives, while imported images and icons stay as efficient drawBitmap calls. Bitmap mode is still the default for animations and photos.

Does the OLED maker have an icon library?

Yes. The built-in icon library lets you search 200,000+ open-source monochrome icons (Material, Tabler, Lucide, Bootstrap, pixel-art sets and more via Iconify) and drop any icon onto the canvas as a movable, resizable layer. Each placed icon exports as an OLED bitmap for Arduino or MicroPython.

OLED Display Animation Maker for Arduino | Free SSD1306 & SH1106 Code Generator

🖼️

Drop your image, GIF, or video here

GIF, PNG, JPG, BMP · MP4, WebM, MOV

Conversion Options

I sample videos across the whole clip, up to 400 frames or about 40 seconds. Once it's in, tweak Threshold and Dithering and you'll see a live OLED preview (images, GIFs and video).

Video frames I sample across the whole clip

Sync to video I'll match the animation length to the clip exactly, and set FPS for you. Uncheck it if you'd rather pick FPS yourself.

Threshold 128

Fit

Sharpen Optional. You'll get crisper edges on photos & soft images

Algorithm

Window Size 15 Sensitivity 0.15

Dithering Floyd-Steinberg dither (you get better gradients)

Invert Colors Flips black ↔ white on your OLED preview (live)

Preserve Lines I thicken thin lines in your drawings and sketches

Auto Contrast I stretch contrast before thresholding

✅

🔍 Zoomed in so you can edit each pixel. On a real 0.96" OLED the dots are tiny, so it looks sharp and smooth. 🔍 Zoomed in to edit. On a real OLED it looks sharp.

SSD1306 (A) 0x3C I²C

GND VCC SCL SDA

Board: ESP8266 (NodeMCU) · SDA D2 · SCL D1

Board

Use Dithering

Library

🔌 Wiring Connection

Arduino Uno

OLED Pin	Wire Color	Board Pin	Description

⚡ Generated Code

About this Free Online Tool

This is a free online editor for animations that run on small OLED screens, the 128×64 and 128×32 SSD1306 and SH1106 modules you'll find on most Arduino, ESP32 and ESP8266 boards. Pick one of the 100+ templates, draw your own pixels, or import a GIF. Preview it on screen, then export Arduino C++ or MicroPython code that's ready to flash. No account, no install, and your drafts stay in your browser.

I built it for workshops where students could wire an OLED in five minutes and then lose an hour converting a bitmap by hand. The editor also does live preview over USB (WebSerial), WiFi preview on ESP boards, dual OLED layouts, and shows a wiring diagram for the board you pick. If you're building a weather station, a robot face or a small dashboard, start with a template and change the pixels you don't like.

🔌 Wiring Connection

⚡ Generated Code

About this Free Online Tool

Getting Started

Project Info

Wireless WiFi Live Preview

Dual OLED Display Support

Arduino-Ready ZIP Download

Always-On Syntax Highlighting

🔌 Wiring Connection

🔐 Sign In

🔗 Share Animation

🔌 Hardware Setup

📡 WiFi Setup

⚡ Generated Code

About this Free Online Tool

Getting Started

Project Info

🔌 Interactive Wiring Connection Diagram