Give it a few states
Start with resting, working, and celebrating poses. Make each one readable before adding more behaviors.
INTERACTIVE MASCOTS
Something happens.Someone reacts.
A task starts. Your mascot gets to work. A result arrives. It celebrates. Connect your character’s animations to the moments in your app.
Give every reaction a reason.
The canvas is a visual animation state machine. Poses become nodes, transitions connect them, and conditions decide what happens next.
Connect the transitions
Draw the paths between poses, generate the movement, and set conditions or priorities for the transitions.
Let your product drive
Preview the graph, then export completed media and behavior. Send supported inputs from your player or control a desktop mascot through the Mac runtime.
A visual state graph
Work with poses, loops, transitions, conditions, and custom inputs in one canvas. Preview how those pieces behave together.
Web playback
The canvas export can include configuration and React player source for embedding the character. Publish the collection and finish the required media before exporting.
Explore canvas export →A character on the desktop
The Mac CLI and SDK control a separate floating mascot window. Choose this route when the companion should live above your app.
Explore the Mac runtime →THE LITTLE DETAILS
A few questions.
we were hoping you’d ask.
What is an animation state machine?
It describes which state a character is in, how it can move to another state, and which conditions trigger that change. Masko lets you author this as a visual graph of poses and animated transitions.
Can I embed an interactive mascot in React?
The canvas export includes configuration and React player source. Your application connects its events to the player’s supported inputs. This is separate from the native Mac SDK, which displays a floating desktop window.
Read the export guideDo I need to generate every transition?
Your graph needs completed media for its playback paths. Reverse transitions can reuse supported forward media. The export checks that required media is ready.
Is this a general vector animation editor?
Masko focuses on character images and generated video transitions connected through a state graph. It is not a vector timeline editor or a Lottie-file generator.
START WITH A LITTLE CHARACTER