Build a moving scene from characters, one frame at a time. Draw on the grid, duplicate a pose, arrange the sequence and preview its rhythm, then keep an editable project or export a looping GIF.
Animation studio 40 × 18
Edit freely. Undo restores deleted frames and cleared artwork.
Basic tools and their normal exports stay free. Subscription effects use no credits; AI rendering uses 1, 2 or 3 credits per attempt.
Basic, Pro and Max include all six effects. No credits are charged. Your free tools and original exports stay available.
Applies to a snapshot scaled to at most 1024 pixels per side and 1 MiB. Video and animation use the current frame. Text remains unchanged.
Finish your current artwork with AI. All accounts can use credits; a subscription is optional. For animation and video, only the current frame is used.
This action uploads a bounded image of your current result to our AI service. Your original text, frames and source remain unchanged. A new render uses the displayed credit cost. Check your credit history for any adjustments after a failed generation.
Open an editable project, then make it your own. Your current work is protected before you switch.
A character moving one cell, a changing expression or a flickering light can make a scene feel alive. Compare neighboring frames to keep the subject consistent while giving each step a clear role in the motion.
Original input
Result example
Set the grid size and use a character brush, shapes or direct text editing to establish the scene. Begin with an outline that reads clearly at the intended size.
Duplicate a frame for small changes or add a blank frame for a new pose. Use onion skin and timeline controls to compare positions and organize the motion.
Choose the playback speed and watch the full sequence. Export a GIF to share the motion and a project JSON file when you want to continue editing later.
Brush, erase, line, rectangle and fill tools help build the first pose on a fixed grid. Pick characters for their shape and density so the subject has a recognizable outline before you add movement.
Try this workflow
Copy a frame when the next moment shares most of the scene. Move an edge, change an expression or adjust a few cells rather than redrawing everything, keeping stationary details consistent through the sequence.
Try this workflow
The timeline lets you select, add, duplicate, remove and reorder frames. Review the sequence around a transition so a useful pose appears where it supports the action rather than simply extending the animation.
Try this workflow
Show the previous frame behind the current one to judge a movement’s distance and direction. This reference helps you keep a body, face or object aligned when a small shift needs to read as motion.
Try this workflow
Choose a playback rate from one to twenty four frames per second. Preview the complete loop and adjust the pace until the gesture is readable, with enough time for the important poses to register.
Try this workflow
Local drafts support returning in the same browser, while JSON export gives you a portable project backup. GIF export renders the sequence as a silent looping image with a solid background for visual sharing.
Try this workflowFrame editing gives you direct control over the character positions that create the motion. A consistent grid, reversible edits and a visible timeline help turn a small idea into a sequence you can refine.
Keep the scene on one grid so neighboring poses align. Simple outlines leave room for the movement to be understood at a glance.
Compare the current pose with the previous frame. Use small, deliberate differences when the motion depends on precise character placement.
Watch the complete sequence before exporting. Adjust the frame order and speed around the gesture rather than judging only isolated drawings.
Save a JSON backup alongside the GIF. The project retains editable frames for later changes instead of leaving you with only a rendered image.
Start with a small grid and draw one clear pose using characters that describe the subject’s outline. Duplicate that frame and change a few cells for the next position.
Duplicate the selected frame when the next pose shares most of the scene. Use Select to move a rectangular region, or copy and paste it into another frame. Keep the background fixed while shifting only the character or object that moves.
It displays the previous frame as a reference behind the frame you are editing. Use it to compare positions and judge how far an object moves between moments.
Select frames in the timeline and use the available reorder controls to place them where the movement needs them. Watch the transition before and after the changed position.
Begin with a pace that lets you distinguish the key poses, then adjust while watching the animation. The editor offers one to twenty four frames per second.
All frames TXT exports the complete ordered sequence with its dimensions and playback rate. Current frame TXT, PNG, HTML and SVG each export only the selected frame. Keep JSON for an editable project, or choose GIF when the destination needs a ready-to-play animation.
The editor supports grids from ten to one hundred sixty columns and five to eighty rows, with up to one hundred twenty frames. Choose a smaller canvas when it describes your idea clearly.
Undo and redo let you revisit changes while building the project. Use them when a stroke, grid resize or frame action changes more than you intended.
The editor saves its draft locally in the same browser, including frames, speed and colors. Local storage is a convenience rather than a portable archive, and clearing site data can remove it.
Export the project as a JSON file and keep that file somewhere you can access on the other device. Import it into the animation editor to continue working with the frames.
GIF export renders the character sequence on a solid background. If the editor uses a transparent background, the GIF receives a contrasting solid color so frames display consistently.
Use the editor when you want to design each character pose and control its place in the sequence. Use video to ASCII when a clip already contains the motion you want to reinterpret.
Draw a pose, build its next moments and export a loop that carries your idea.
Start animating characters