Draw

Canvas

Width: 8

Height: 8

Smart crop preview & export

Palette

Custom color

Saved sprites 0

No saved sprites yet. Draw something and save it!

Live preview

Speed 200 ms/frame

Sprite animation

Single frame CSS

Basic box-shadow export for the current frame.

.sprite {
  width: 1px;
  height: 1px;
  box-shadow:
    none;
}

Animation CSS

Copy this into your CSS to play the recorded flipbook animation.

/* Add at least 2 frames (using "+ Frame from current") to generate animation CSS here. */