Stately Studio

Learn how to use Stately Studio’s editor.

• Introducing Stately Studio

  Stately Studio is a suite of tools for building app logic, including the Editor, developer tools for XState, and much more coming soon.

• Stately Studio Pro

  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:

• Stately Studio Team

  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:

• Stately Studio Enterprise

  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 Community

  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.

• States and transitions

  Learn how to use states and transitions, including parent states, parallel states, guards, delayed transitions and eventless transitions in Stately’s editor.

• Actions and actors

  Learn how to use exit actions, entry actions, and transition actions, and invoke actors in Stately’s editor.

• Design mode

  10 pages.

• Simulate mode

  1 pages.

• Code

  5 pages.

• Projects

  A project is a collection of machines that helps you organize your personal machines and collaborate with others on your application logic.

• Stately Sky

  1 pages.

• Teams

  You can create and join teams in Stately Studio to share and collaborate on team projects.

• Discover

  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.

• Share

  3 pages.

• Accounts

  2 pages.

• Version history

  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.

• Lock machines

  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.

• Keyboard shortcuts

  Stately Studio has a number of keyboard shortcuts.

• Canvas controls

  We’ve recently added a canvas tools panel to help you with common tasks while designing and simulating state machines.

• User preferences

  We have some simple user preferences to help you customize Stately Studio to fit your needs.

• Stately Studio API

  You can use the Studio's REST API to access your projects and machines in any of your external projects. This allows you to automate your workflow, integrate your machines with other projects, and more.