Free pixel SVG animation tool

Paint pixels.
Animate SVGs.

Design frame-by-frame pixel art animations and export them as lightweight, scalable SVGs. No plugins, no bloat — just pure code.

Open EditorTry Demo
animate-loader.app
Animate Loader editor showing a pixel grid with painted circles and an animation timeline
Spinner pixel animation preview
Animated scanner preview
Pure SVG outputNo external dependenciesWorks in any web stackLightweight & scalable

Everything you need

A focused toolkit designed specifically for crafting loader and icon animations.

Pixel-Perfect Grid
Choose from 5×5 up to 16×16 grids. Paint with precision using square or circular brushes.
Frame Timeline
Add, clone, and reorder frames. Scrub through your animation and preview in real time.
One-Click Export
Download your animation as a self-contained SVG with inline CSS keyframes — no libraries required.

Live animations

SVGs exported from the editor, animated using inline CSS.

Bill — a detailed animated pixel character
Random color pattern animation
Animated floating pixel face
Scanning pixel animation
Pulsing ripple animation

How it works

From blank grid to animated SVG in three simple steps.

01

Choose your grid

Pick a grid size and frame count that fits your animation.

02

Paint each frame

Use the brush, eraser, fill bucket, and color picker to bring your idea to life.

03

Export & use

Download a self-contained animated SVG ready to drop into any project.

Start creating today

No account required. Open the editor and start painting your first animated SVG in seconds.

Open Editor