FrameAnim
Professional frame-by-frame animation right in your browser. Draw, animate, and export — no install required.
Everything you need
A complete animation toolkit built for creators, designers, and storytellers.
Professional Drawing Tools
Pen, brush, eraser, fill, shapes, and text tools with full pressure and opacity control.
Layer System
Organize your work with multiple layers, blending modes, opacity, and clipping masks.
Frame-by-Frame Animation
Create smooth animations with onion skinning, timeline editing, and adjustable FPS.
Glow Effects
Add stunning glow effects to your strokes with customizable color, size, and intensity.
Lasso & Transform
Select, move, rotate, and scale parts of your drawing with precision controls.
Export Anywhere
Export as GIF, WebM, or MP4. Ready for YouTube, Instagram, TikTok, and more.
Learn the Fundamentals of Animation
Great animation is more than drawing one frame after another. Movement comes from timing, spacing, anticipation, squash and stretch, and carefully chosen key poses. Learn the fundamentals and practice them directly with FrameAnim.
What Is Frame-by-Frame Animation?
How a sequence of still drawings turns into movement, and the workflow behind every hand-drawn animation.
Read guideUnderstanding Animation Timing and FPS
What frame rate really means, and how timing and spacing control the feel of every motion.
Read guideWhat Is Onion Skinning?
See ghosted neighbouring frames so each new drawing lines up and stays perfectly on model.
Read guideHow Squash and Stretch Creates Better Motion
The principle that gives objects weight, flexibility and life without breaking believability.
Read guideHow to Create a Bouncing Ball Animation
Animation's classic first exercise, built step by step with arcs, spacing and squash.
Read guideHow to Create a Simple Walk Cycle
Build a looping walk from four key poses, with timing and weight that read as natural.
Read guideSee Animation in Action
The best way to understand movement is to watch it closely and take it apart. Each example is a small looping exercise explained by the principle it demonstrates — then linked to a guide so you can rebuild it yourself.
Why FrameAnim?
A professional animation studio and a learning resource in one — right in your browser.
Runs in your browser
No downloads, installs or plugins. Open a tab and start animating on any modern computer.
Free to use
All the drawing, animation and export tools at no cost. Your work is saved locally on your device.
A complete toolset
Drawing tools, layers with blend modes, onion skinning, lasso transform, glow effects and video export.
Learn as you create
In-depth tutorials and examples are built into the site, so you pick up the craft while you practise it.
Ready to create?
Start your first animation in seconds. Free, fast, and right in your browser.