Learn how to use Stately Studio’s editor.
Stately Studio is a suite of tools for building app logic, including the Editor, developer tools for XState, and much more coming soon.
Upgrade to a Pro account to create more expressive flows, work faster with AI assistance, and achieve greater flexibility in editing with version control. A Pro account includes the following features:
Upgrade to a Team account to enjoy all of our Pro features as well as many features designed to help you collaborate with your team, on any number of projects. A Team account includes the following features:
Upgrade to an Enterprise account to enjoy all of our paid plan features as well as features designed to integrate Stately Studio with the specific needs of your organization, including custom integrations, greater security, and top-tier support. An enterprise account includes the following features:
Stately Studio will always be free to our Community users on this free plan, and we will make many future features available on every plan. Request features and check out what we’ve got planned on our roadmap.
Learn how to use states and transitions, including parent states, parallel states, guards, delayed transitions and eventless transitions in Stately’s editor.
Learn how to use exit actions, entry actions, and transition actions, and invoke actors in Stately’s editor.
A project is a collection of machines that helps you organize your personal machines and collaborate with others on your application logic.
You can create and join teams in Stately Studio to share and collaborate on team projects.
Are you seeking inspiration for your machine? Or do you want to learn how somebody else models their machines? The Discover page lists all the public machines created in Stately Studio.
Version history is helpful if you want to save checkpoints while modeling machines or mirror version changes in the rest of your codebase. New versions can be saved from the current machine using the Version history panel in the lower left of the canvas.
You can lock a machine anytime to prevent accidental edits. Locked machines have a Locked status displayed in the editor’s top bar and in the project’s machine list in the left panel.
Stately Studio has a number of keyboard shortcuts.
We’ve recently added a canvas tools panel to help you with common tasks while designing and simulating state machines.
We have some simple user preferences to help you customize Stately Studio to fit your needs.