Stately Editor Beta

Hey, Product Hunt! I'm David, the founder of Stately and creator of XState, a library for managing complex application logic visually with state machines, statecharts, and the actor model.

Our mission is to make app logic accessible to the entire team, including developers, designers, and stakeholders. Using state machines and statecharts as a common visual language, the software development cycle becomes more collaborative, eliminating handoff and tightening the feedback loop.

I’m so excited to launch the public beta of the Stately Editor. We’ve been working very hard on this for many months, with ideas and plans for it going back many years. The Stately Editor is a tool for creating and editing state diagrams. We’ve received a lot of great feedback from the private beta testers, and now we’re delighted to share it with everyone.

And yes, it goes both ways: edit the code and see the updated statechart. Edit the statechart diagram and see the updated code. All in real-time. We've launched the XState extension to give you the power to do just that – sync XState code and state diagrams right inside of VS Code: https://marketplace.visualstudio...

The editor supports everything you need to build state diagrams visually. We have a long list of features planned for the editor, including:

- Parameterized actions, guards, and invocations - Built-in actions, such as assign and raise - Schema editing for context and events - More granular simulation control, such as specifying event payload and simulating delays - Visualizing systems of actors, including spawned and invoked machines - Warnings and errors for invalid machine definitions - Customizable state node, event, and transition colors - Rich text editing and content for state descriptions - Markdown generation - Event recording and playback - Machine versioning and diffing - Autolayout and smart layout controls - And so much more.

Let us know if you have any feedback, feature requests or bug reports. The editor is our first significant step towards making the ultimate collaborative tool for visually editing even the most complex app logic. We’re excited to share the Stately Editor with the world, and we’re looking forward to hearing your reactions.

Happy diagramming!