Welcome to the Stately and XState docs

Stately.ai is a visual software modeling platform for modeling your app & business logic as state machines/statecharts and actors, and scales to any level of complexity.

XState is a best-in-class open source library for orchestrating and managing state in JavaScript and TypeScript apps.

• Get started

  Jump straight into learning how to use Stately Studio editor, starting with states.

• Stately Studio overview

  Find out more about Stately Studio’s visual editor and collaborating with your team using Stately Studio’s premium features.

• Learn state machines and statecharts

  With our no-code introduction.

• Learn XState

  Get started with our JavaScript and TypeScript library for state machines and statecharts.

Stately Studio or XState?

Stately Studio and XState are most powerful when used together. Use Stately Studio’s visual editor to collaboratively model your app logic and use XState to integrate that logic into your codebase.

You can also use XState in your codebase without Stately Studio, and you’re welcome to use Stately Studio if you’re not yet familiar with XState.

Who is Stately?

We’re Stately, a small team founded by David Khourshid, the creator of XState. Stately is building Stately Studio, where you can visualize your application logic and collaborate with your whole team.