Stately Howto
Stately is a visual software modeling platform that allows users to design, simulate, and deploy complex application logic using state machines and statecharts.
View MoreHow to Use Stately
Sign up for Stately Studio: Go to stately.ai and create an account to access the Stately Studio visual editor.
Create a new state machine: In Stately Studio, start a new project and use the drag-and-drop editor to create states and transitions for your logic flow.
Add details to your machine: Use the editor to add descriptions, actions, guards, and other details to your states and transitions.
Simulate your machine: Switch to Simulate mode to test your state machine by walking through different paths and scenarios.
Generate code: Use the Code panel to generate JavaScript/TypeScript code for your state machine that can be used with XState.
Export or integrate: Export your machine as JSON, or use the XState VS Code extension to integrate it directly into your codebase.
Implement in your app: Use the generated XState code in your JavaScript/TypeScript application, integrating it with your UI framework of choice.
Visualize in production: Use the Stately Inspector to visualize and debug your running state machines in your application.
Deploy to Stately Sky (optional): For a hosted backend, deploy your machine to Stately Sky with one click and use their SDK to interact with it.
Collaborate and iterate: Share your machine with team members, gather feedback, and continue to refine your logic visually in Stately Studio.
Stately FAQs
Stately is a suite of tools for building app logic, including a visual editor for creating state machines and statecharts, developer tools for XState, and deployment options. It allows teams to visually design, simulate, and deploy complex application logic.
Stately Monthly Traffic Trends
Stately achieved 55.2K visits with a 14.8% increase in traffic. The introduction of AlphaQubit and Stately Inspector likely contributed to this growth, enhancing user engagement and providing new tools for application state inspection.
View history traffic
View More