All tools
Animation maker
Draw and rig shapes, animate 3D models and solid words, make them move with keys and react with state machines, and save a .riv, a Lottie, a GLB or an MP4. Free, with no account or uploads.
What do you want to make?
A moving logo or iconLogo, iconShapes and words that pop, spin and slide inA loading animationLoaderDots, rings and bars that go round and roundAn animated iconIconA small picture that beats, turns or wigglesA Telegram stickerSticker512 × 512, 60 frames a second, saved as TGSA button that reactsA character that movesCharacterBones bend its arms and legsA 3D model that moves3DTurn, move and light a model or a shapeOpen a fileLottie, SVGA Lottie, TGS, dotLottie, SVG, picture, 3D model or project
Or drop a .riv, a Lottie, an SVG, a picture or a 3D model
A .riv or a Lottie plays as it is; an SVG becomes shapes you can move; a picture is placed on the artboard; a 3D model opens in the 3D editor.
- RIV
- Lottie
- TGS
- SVG
- PNG
- GLB
- KSANIM
Stays on your device. Nothing is uploaded.
A little help along the way
Follow these steps. Every option is explained underneath. Everything happens in your browser; nothing you draw or bring in is sent anywhere.
- Say what you want to makeChoose a moving logo or icon, a loading animation or an animated icon to open a small animation that already moves, ready to change. Open a file takes an SVG, a picture or a project you saved before; you can also drop an SVG on the page.
- DrawDraw rectangles, ellipses, polygons, stars and triangles, paths with the pen, and strokes with the pencil and brush. Fill closed areas with the bucket, join or cut shapes with the Shape Builder, and write words in the site's fonts.
- Animate with keysA key says what a part is like at one moment: its position, turn, size, opacity or colours. Set a key at one time and another later, and every frame between them is worked out for you.
- Choose the easingEach key says how the movement goes on to the next: Steady, Jump, Smooth, Speed up, Slow down, Speed up, slow down, Overshoot or Spring, or a curve of your own in the graph editor.
- Play itPlay the timeline to watch it. It can loop, play once or play there and back, and a work area plays only the part you are working on.
- Export itSay where it will go: social media or a video makes an MP4, a chat or an email a GIF, a website or an app an animated WebP with a clear background, and a still picture a PNG or SVG of one frame. Each file is checked before it is offered.
Every option explained
- Shapes and drawing
- Rectangles, ellipses, polygons, stars and triangles; pen paths with curve handles; pencil and brush strokes; the bucket for closed areas; the Shape Builder to join shapes or cut one out of another; and the eraser.
- Words and pictures
- Words are written in the fonts that come with the site and drawn as outlines, so they look the same everywhere. SVG files and pictures can be brought in.
- Fills and strokes
- Solid colours, linear and radial gradients, dashed strokes, blend modes and a soft edge.
- What can have keys
- Position, turn, size, opacity, colours, the points of a path and the stops of a gradient.
- Timelines
- Loop, play once, or play there and back; a work area; and several timelines in one project. Every change can be undone.
- Files
- MP4, WebM, GIF, animated WebP and APNG (both with a clear background), and a PNG or SVG of one frame, with no watermark. Videos and GIFs are written on your device by the same engine as the Animation converter.
- Keeping a project
- Save it as a .ksanim file to open again later. It is kept on this device only while its switch is on.
Keep going
Guides
- How to make a 2D animation online for free
- What is easing in animation? Ease in and out, explained
- How to make an interactive animation for a website or app
- 2D rigging explained: bones, weights, meshes and IK
- How to make a responsive animation that fits any screen
- How to add text, sound and live data to an animation
- How to animate a 3D model online for free
- Free animation templates: loaders, logos, buttons and stickers