Mosso fits into the tools you use

Send frames and layers from Figma into Mosso, then animate them.

1. In Figma, select a frame or some layers and open the Mosso plugin.
2. Click Send to Mosso with Mosso open in another tab, or click Copy for Mosso and paste into the editor.
3. No plugin? Right-click the layers, choose Copy as, then Copy as SVG, and paste into Mosso.

Put animations from the Mosso library into your Adobe Express designs.

1. In Adobe Express, open Add-ons and open Mosso.
2. Search the library and pick the colours, or use your Mosso brand kit.
3. Click an animation to add it to your design as a GIF or a video.

The Mosso library in Canva's side panel, in your colours.

1. In Canva, open Apps and open Mosso.
2. Search for icons, loaders, confetti, text effects or stickers, and change the colours or connect your Mosso account for your brand kits.
3. Click or drag one into your design. Add it as a sticker to keep the background see-through, or as a GIF or video.

Put a Mosso animation on any WordPress page.

1. Quickest: export MP4 or GIF and add it with a Video or Image block.
2. For a sharp Lottie, export Lottie JSON and paste the HTML code from Mosso's export window into a Custom HTML block.
3. Upload the .json file to your site next to it. WordPress needs a plugin that allows JSON or SVG uploads.

Webflow plays Lottie files with its own element.

1. Export Lottie JSON from Mosso.
2. In Webflow, open the Add panel and find Lottie animation under Media.
3. Drag it onto the page, upload your file and turn on Loop.

Drop a Lottie into any Framer page.

1. Export Lottie JSON from Mosso.
2. In Framer, open Insert, search for Lottie and drop it on the page.
3. Upload your file in its properties and turn on Loop.

A component, ready to paste. Mosso writes it for you when you export.

1. Export Lottie JSON and put the file next to your component.
2. Install the player and use the component from the export window.

npm install lottie-react

import Lottie from 'lottie-react';
import animation from './spinner.json';

<Lottie animationData={animation} loop />

Play Mosso animations in iPhone and iPad apps, in SwiftUI or UIKit.

1. Export Lottie JSON, or dotLottie for a smaller file.
2. Add the Lottie for iOS package to your project with Swift Package Manager.
3. Add the file to your app and show it with a Lottie view. Loop it for loaders.

Play Mosso animations in Android apps.

1. Export Lottie JSON and put it in res/raw.
2. Add the Lottie for Android library to your app.
3. Drop a LottieAnimationView into your layout:

<com.airbnb.lottie.LottieAnimationView
    android:layout_width="120dp"
    android:layout_height="120dp"
    app:lottie_rawRes="@raw/spinner"
    app:lottie_autoPlay="true"
    app:lottie_loop="true" />

Works in Claude Desktop, Claude Code and on claude.ai.

1. Claude Desktop: add Mosso in Settings, Developer, Edit Config, then restart.
2. Claude Code: run the command below.
3. claude.ai: add a custom connector with the Mosso address.

claude mcp add --transport stdio mosso -- npx -y mosso-mcp

Make animations in ChatGPT and save them to your Mosso projects.

1. In ChatGPT, add a custom connector in the connector settings.
2. Paste the Mosso address and sign in to Mosso when it asks.
3. Ask for what you need: "a loader in our blue, as a Lottie".

https://app.mosso.video/api/mcp

Ask for an animation while you build, and the file lands in your project.

1. Add Mosso to .cursor/mcp.json in your project.
2. Ask in the chat: "make a success check in our colours and save it to public/".

{
  "mcpServers": {
    "mosso": {
      "command": "npx",
      "args": ["-y", "mosso-mcp"]
    }
  }
}

Drop Mosso animations into After Effects compositions.

1. Export PNG frames from Mosso with the background turned off, and unzip them.
2. In After Effects, choose File, Import, File, pick the first frame and tick PNG Sequence.
3. Drag it into your composition. The background stays see-through.

Put titles, lower thirds and overlays on your footage.

1. For an overlay, export PNG frames with the background off and unzip them.
2. In Premiere, choose File, Import, pick the first frame and turn on Image Sequence in the options.
3. For a full-screen piece, an MP4 export is all you need.