Animation Tool
CSS Spritesheet Editor
Upload
Use the default idle sheet or import another sprite.Spritesheet Grid
Generate the grid, then tune the selected frame.Shortcuts
Click the map first to edit frames with the keyboard.Click map firstArrowsmoveShift10pxAlt + ArrowsresizeDeleteremove[ ]frames
Preview
Frame 1 of 56 at 8 FPS.
Frame 124x40 at 0,0
Map
Click a cell to select it, or click empty space to add a new frame.100%
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56