How it works
From a sentence to a file on your site
Five steps, and most of the time you only notice two of them. Here is everything that happens between "I need a loader" and the loader playing on your website.
A silent 45 second film in four parts. Describe it: someone asks the chat for a calm loader in their blue, then asks for it to bounce. Start from a template: the Countdown template opens and switches to the Kiki Bakes brand. Open the full editor: a keyframe is moved and an easing curve is dragged from smooth to snappy. Export it anywhere: twelve file formats light up one by one.
-
Step 1
Say what you need, or pick a starting point
Mosso opens on a chat box that asks what you need. Type it in plain words, or start somewhere else. All four roads end up in the same editor.
- Ask the AI"A loader in our blue", "confetti behind Thank you"
- Pick a templatePosts, titles, logo reveals, scenes
- Open a fileLottie, SVG, PNG, JPEG, WebP or GIF
- Blank canvasSquare, story, banner or your own size
-
Step 2
Your brand goes on by itself
Your brand kit holds your colours, your heading and body fonts, your logo and a motion style: calm, smooth, friendly, playful or snappy. Everything you make or open picks it up, so the loader on your site and the post on your feed look like they came from the same place.
- Set it up once, in about a minute.
- Or paste your website address and Mosso reads your colours, fonts and logo from it.
- Switch a whole project to another kit in one click.
-
Step 3
Change it by asking, or by hand
Keep talking to it: "slower", "use the dark blue", "add confetti at the end". The AI edits the real layers and keyframes, and each request is one undo step. When you would rather do it yourself, open the timeline and drag.
- Ready-made moves like pop in, float and bounce.
- Easing curves and springs you can shape.
- Text that animates by letter, word or line.
-
Step 4
Check it before it goes out
Play it, scrub through it and look at it at the size it will really be. Before you export, Mosso tells you roughly how big the file will be and warns you when something needs a look, like an empty canvas or a GIF that will come out heavy.
- Everything Mosso makes uses only the parts Lottie players understand.
- We check it in lottie-web and the dotLottie player, so your site shows what you saw.
-
Step 5
Export it and put it where it goes
One project, many files. Lottie or dotLottie for websites and apps, MP4 for social, GIF for email, transparent video or PNG frames for your video editor, animated SVG for a plain image tag. For websites, Mosso gives you the code to paste for HTML, React, Webflow and Framer.
Export and embed guide
Under the hood
What happens under the hood
The chat, the editor and your own AI all talk to the same engine. It keeps your animation as a tidy document of layers and keyframes, then writes each file format from that one document. That is why an AI edit and a hand edit never fight, and why every export matches.
You work in
- The chat
- The editor
- Claude, ChatGPT or Cursor
- Figma, Canva, Adobe Express
One document of layers, keyframes and your brand kit. Text becomes shapes, effects become plain Lottie.
Files
- Lottie and dotLottie
- MP4 and WebM
- GIF and animated SVG
- PNG frames
Where they go
- Your website
- Your iOS or Android app
- Social posts and ads
- After Effects and Premiere
FAQ
Questions about the flow
How long does it take?
For most small things, about a minute: ask or pick a template, check it, export. The editor is there for the times you want to spend longer on the details.
Do I need an account?
No, not to start. Mosso works in your browser without one. A free account backs up your projects, syncs them between computers and turns on the AI.
Where do my files go?
Exports are made on your own computer and saved where your browser saves downloads. Nothing is uploaded unless you save the project to your account.
Can other people on my team use the same brand?
Yes, on the Team plan. Brand kits and the library are shared, so everyone starts from the same colours, fonts and logo.