🎥

Premium GIF Maker

Create stunning animated GIFs from scratch with drawing tools, image imports, text overlays, effects, transitions, and multi-layer frame-by-frame editing.

Design v1.0.0 10 uses

0, 0

Colors ▼

Brush: 3px

Layers ▼

Opacity: 100%

Frames ▼

Onion Skinning

Effects ▼

None

Text ▼

No text objects

About This App

A professional, browser-based animated GIF creation studio built entirely with HTML5 Canvas. Design frame-by-frame animations with a full suite of drawing tools — Pencil, Brush, Eraser, Fill Bucket, Eyedropper, Line, Shape (Rectangle, Circle, Triangle, Star, Arrow, Heart), Selection, and Move. Work with multiple layers per frame featuring opacity, visibility, and lock controls. Add text overlays with customizable fonts, sizes, colors, bold, italic, shadow, and outline options — drag text to position and edit inline. Apply cinematic effects like fade-in, fade-out, bounce, slide, pulse, rotate, shake, and glow to individual frames. Set transitions between frames including crossfade, slide, and wipe. Choose from preset canvas sizes (320x320 up to 1080x1080) or set custom dimensions. Preview animations in real-time at adjustable frame rates from 4 to 30 FPS. Use onion skinning to see ghost overlays of previous and next frames for smooth animation. Full undo/redo history with up to 100 steps. Auto-save to browser storage so you never lose work. Export finished animations as animated GIF with configurable quality, PNG (current frame), horizontal sprite sheet, or animated PNG (APNG). Save and load project files to continue editing later. Runs entirely in your browser — your artwork never leaves your device.

How to Use

1 Choose a canvas size from the presets (320x320, 480x480, 640x480, 800x600, 1080x1080) or set custom dimensions
2 Select a drawing tool from the left toolbar (Pencil, Brush, Eraser, Fill, Eyedropper, Line, Shape, Selection, Move)
3 Pick colors from the palette panel or use the color picker for custom colors
4 Draw on the canvas — zoom with mouse wheel, pan with Space+drag
5 Add layers using the Layers panel — toggle visibility, lock, adjust opacity, and reorder
6 Switch to the Frames panel to add frames — use onion skinning for smooth animation
7 Add text overlays with the Text panel — customize font, size, color, and style
8 Apply effects (fade, bounce, slide, pulse, rotate, shake, glow) from the Effects panel
9 Set transitions between frames (crossfade, slide, wipe)
10 Press Play to preview your animation at adjustable frame rates
11 Use Ctrl+Z / Ctrl+Y to undo and redo changes
12 Save your project as a .gmproject file to continue editing later
13 Export as animated GIF, PNG, sprite sheet, or APNG