Welcome to the Stately and XState docs
Stately Studio is a suite of tools for visualizing and collaborating on your application logic, powered by XState.
- 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
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?