Monthly Downloads: 16
Programming language: Haskell
License: BSD 3-clause "New" or "Revised" License
Tags: Game     Animate    
Latest version: v0.1.2

animate-preview alternatives and similar packages

Based on the "animate" category.
Alternatively, view animate-preview alternatives based on common mentions on social networks and blogs.

Do you think we are missing an alternative of animate-preview or a related project?

Add another 'animate' Package


Animate Preview

Animate Preview is a program for viewing sprite animation. It's intended to be used in sprite development with an image and text editor. The viewer automatically reloads the files for speedy turnaround. animate is the main underlying Haskell library. It's recommend to use sdl2 and animate-sdl2 for graphics. An example can be found here.

Watch the Video


Try it!

Download executables: OSX | Ubuntu linux

Download resources: dino.png, dino.yaml

animate-preview --target /path/to/dino.yaml --image /path/to/dino.png --watch

More information about the yaml file


Usage: animate-preview --target STRING [--image STRING] [--high-dpi] [--fps INT]

Available options:
  -h,--help                Show this help text
  --target STRING          File path with sprite information (YAML or JSON)
  --image STRING           Force sprite sheet's file path
  --high-dpi               Use high DPI (if available)
  --fps INT                Force frames per second (default: 60)
  --watch                  Watch target and image files. Automatically reload
                           files when changed


Animate Preview is mostly controlled through the keyboard.


  • m: Toggle modes - Playback and Stepper
  • r: Reload sprite information and sprite sheet
  • escape: Quit program


  • j/down arrow: Move sprite down
  • k/up arrow: Move sprite up
  • h/left arrow: Move sprite left
  • l/right arrow: Move sprite right
  • mouse click (and drag): Sprite follows mouse cursor
  • c: Center sprite


  • n: Next keyframe animation
  • p: Previous keyframe animation

Speed and Frame position

  • f: (Playback Mode) Increase sprite animation speed. (Stepper Mode) Go to next frame.
  • d: (Playback Mode) Decrease sprite animation speed. (Stepper Mode) Go to previous frame.
  • a: Reset animation speed to 1x


  • s/mouse wheel click: Reset sprite scale to 1x
  • +/scroll in: Scale up sprite
  • -/scroll out: Scale down sprite


  • t: Iterate colors of the offset's crosshair (Red, Green, Blue, Cyan, Magenta, Yellow, None)
  • b: Iterate colors of the background (Gray checkered, Black checkered, White checkered)
  • o: Iterate colors of the sprite's outline (Red, Green, Blue, Cyan, Magenta, Yellow, None)
  • i: Toggle showing or hiding animation information


OSX build

brew install sdl2
brew install sdl2_ttf
brew install sdl2_image
brew install sdl2_gfx
stack build

Ubuntu build

sudo apt install libsdl2-dev libsdl2-ttf-dev libsdl2-image-dev libsdl2-gfx-dev
stack build

Windows build

stack exec -- pacman -S mingw64/mingw-w64-x86_64-pkg-config mingw64/mingw-w64-x86_64-SDL2 mingw64/mingw-w64-x86_64-SDL2_ttf mingw64/mingw-w64-x86_64-SDL2_image mingw64/mingw-w64-x86_64-SDL2_gfx
stack build