Start from a ready animation.
Start from one of twenty ready animations in your browser, nothing uploaded: loaders, logos, words, buttons, stickers and 3D, changed and saved your way.
By Suraj Kumar6 min read
A blank artboard is the hardest place to start. KeepSimp's Animation maker has twenty ready animations instead: loaders, logos, words, buttons, a sticker, characters and two in 3D. Pick one, change what you like, and save it as a video, a GIF, a Lottie or a .riv, in your browser, with nothing uploaded and no watermark.
Where the templates are.
They are on the Animation maker's first screen, under Start from a template, folded until you open it, grouped by kind. Each tile is drawn by the editor's own renderer, the same that draws the artboard and every file, and plays while you point at it or reach it with the keyboard. For people who have asked their device for less motion, the tiles stay still.
The two 3D tiles say that they open in the 3D editor, which is loaded only then.
Loaders, for while something waits.
Spinner ring: an arc that grows and shrinks as it chases round. Pulsing dots: three dots that swell one after another. Sound bars: five bars rising and falling like music. Progress bar: a bar that fills from left to right. Radar pulse: rings that grow out of a dot and fade.
Each opens with Export already set for where a loader usually goes: the spinner as an animated WebP with a clear background for a website, the dots as a Lottie for an app's code. One press changes it.
Logos, for the start or end of a video.
Badge pop: a badge pops in, its tick draws on and the name rises. Slide-in logo: stripes slide in and the name rises from behind a line. Drawn logo: an outline draws itself, fills in and a bolt strikes. Spinning seal: a seal turns slowly round its word.
The drawing on is a trim path, which shows only part of an outline, and the name rising from behind a line is clipping, which shows a part only inside another shape. Change the words to your own name, or bring in your logo as an SVG and key it the same way.
Words that type, rise or count.
Typewriter: words typed letter by letter with a blinking cursor. Rising title: two lines rise into place and a line grows under them. Rolling counter: a number rolls up like a meter.
The counter's label is bound to a value, so a website or an app that plays its .riv can change the label while it runs, with no new file.
Buttons that react to a press.
Toggle switch: press it, and the knob slides across and it turns teal. Like button: press it, and the heart fills with a pop and a burst. Each is run by a state machine, which you can try on the artboard before saving.
Each also says what it is to screen readers: the switch is a checkbox named Switch, the heart a button named Like. Saved as a .riv, both react the same way in a website or an app, played by Rive's runtime.
A badge, a sticker and two characters.
Sale badge: a burst pops in with its offer and wobbles, for a post. Confetti burst: bits of paper burst out and fall, made to be a Telegram sticker; the pieces are scattered by a pattern that comes out the same every time it plays, on every device.
Waving character: bones bend an arm as it waves hello. Happy face: a face that blinks, grins and tilts its head. Both open set to save a GIF for a chat or an email.
Two in 3D.
Spinning coin: a gold coin with a star turns and bobs. 3D title: solid words tip up into place over a growing bar. Both open in the 3D editor, where the words, colours, lights and camera can be changed, and save as an animated GLB, a video or a GIF.
Change it, then save it.
A template opens in the editor as if you had made it there: every part is in the layers list and every key is on the timeline, so words, colours, timing and easing can all be changed, and every change can be undone. Save it as a project (.ksanim) to come back to it.
Each template is read back exactly from a project file in KeepSimp's tests, and written to every format it suits: a Lottie, a dotLottie, a .riv, an animated or still SVG, and a Telegram sticker where it can be one; the 3D ones as an animated GLB. Files stay small: the spinner ring is 1.8 KB as a Lottie and 0.4 KB as a .riv. Drawn from those files on 6 November 2026, Skottie's Lottie player and Rive's runtime came within 0.1 of 255 on average of the editor's own pictures for every 2D template, and librsvg's still SVGs within 0.3.
Further reading
- MDN: prefers-reduced-motion (opens in a new tab)
- Rive: Trim path (opens in a new tab)
- Rive: Clipping (opens in a new tab)
- Rive: Data binding overview (opens in a new tab)
- MDN: ARIA checkbox role (opens in a new tab)
- Lottie Animation Format, Lottie Animation Community (opens in a new tab)
- Rive: Getting started with the Rive runtimes (opens in a new tab)
- Skottie, Lottie Animation Player, Skia (opens in a new tab)
- librsvg, GNOME on GitLab (opens in a new tab)
Topics: animation templates · free animation templates · loading animation template · logo animation template · text animation template · animated button template · lottie templates
A little less theory. A little more doing.
Try it on your own terms, with a free browser tool.
Try the tool