Stately Studio and XState docs

Stately Studio is a suite of tools for visualizing and collaborating on your application logic, powered by XState.

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

Welcome to the Stately Studio and XState docs

• 🏁 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 Pro 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.