We’re excited to announce the release of Stately Studio 1.0! 🚀 Our mission is for all app logic to be visually collaborative and accessible to your entire team, and we’ve been working hard to make that a reality.
Earlier this year, we released the first beta of Stately Editor & Stately Registry (together called the Stately Studio). We also released Stately Viz, a visualizer for XState machines, and the XState VS Code extension. Since then, over 10,000 of you have tried our tools out, creating and sharing tens of thousands of machines (we don’t know the exact number because machines built with the extension are always private!)
Thank you for giving our tools a go and for all the valuable feedback you’ve given us; we’ve been blown away by the response. We’re listening and continuing to improve the Stately Studio. As always, you can create and upvote feature requests on our Canny roadmap.
Collaborating on app logic is one of Stately’s key goals. That’s why we’ve introduced teams, where you can organize, privately share, and edit projects with your teammates. A project is a collection of related machines you can keep to yourself or share with your team. You can invite teammates to your team, and they can join your team by accepting the invitation.
The teams feature is the first step to providing more powerful collaboration features. We’re working on GitHub integration with public and private repos, commenting, machine revisions with visual diffs, multiplayer mode for collaboratively editing machines in real time, and much more.
Teams (previously known as Systems) are available on our new Pro subscription.
Machines may contain business logic you don’t want to share with the world; that’s why we’ve introduced visibility and roles. You can set a machine to be private, public, or unlisted. Private machines are only visible to you and your teammates. Public machines are visible to everyone, and discoverable through search. Unlisted machines are only visible to those with the link, as they don’t appear in search results.
You can also set roles for teammates to restrict how they can edit projects and machines. You can set a teammate to be a viewer, editor, or admin. Viewers can view projects and machines, but can’t edit them. Editors can edit projects and machines, but can’t delete them. Admins can do everything, including assigning roles.
Private/unlisted machines and team roles are available on our new Pro subscription.
You might have noticed a refreshed redesign of the editor. The editor view is now more project-centric, allowing you to switch between machines with a single click. And we’ve improved the layout of states to give you more space to create and rearrange states.
We’ve also redesigned guarded transitions. They are now individual transitions connected with a dotted line and a diamond, which should feel natural to anyone that has worked with flowcharts. The separated transitions make it easier to read and arrange the conditions for each transition, allowing you to change the source and target states of individual transitions quickly.
Simulation mode has also been redesigned, making it easier to see active states and transitions. There are many more improvements to the editor, but we’ll leave them to you to discover.
- SVG, PNG, PDF
- And others
We have so many things planned for the future:
- A Stately GitHub integration for public and private repos
- XState parity: supporting all of XState’s features in the Stately Studio (we’re almost there!)
- More export options and an embeddable editor
- Support for other graph-based tools, CI/CD pipelines and other workflow engines/DSLs
- Static graph analysis to help you catch logic errors ahead of time, which is difficult to do with plain code
- Many more examples, tutorials, videos, and documentation
All our new Pro features are available with a 30-day free trial you can try with your whole team. Upgrade today using the Upgrade button in the Stately Studio or Sign in with GitHub to create a new account.
If you’re a Product Hunt fan, you can also find Stately Studio 1.0 on Product Hunt.
Have any questions? Join us in our office hours live stream this Friday, where we’ll answer your questions and give you more demos.