stately.ai

Ask AITurn ideas into diagrams and code in minutes.From frontend user flows to backend workflows, visually build and deploy any type of logic with Stately as your source of truth.Try the visual editorBook a demoDesign how it works with a visual language for everyone on the team.Our drag and drop editor brings together contributors of all backgrounds. Code, diagrams, documentation, test generation, and more in one place. No more silos. Always up to date.AIs love helping at each phase with state machines to guide them, while humans use the visual editor to audit and enhance their work.Create flows with no code required. Rapidly prototype or gather requirements without worrying about technical details.Then simulate your design to test and iterate. You can even instantly try out a prototype as an auto-generated React app.Get feedback from your team and clients on how everything is supposed to work.Explore community diagrams to inspire your own solutions. Share your work with the community to get feedback and kudos.Generate flows with AI to scaffold behavior, suggest variants, turn up edge cases, and even write code.Build with executable diagrams and get the best of text-based and visual tools.Run diagrams using XState, a best-in-class open source library for orchestrating and managing state in JavaScript and TypeScript apps. No lock-in.Read XState docsView on GithubUse XState on the frontend, backend, or wherever JavaScript runs. Integrations are available for React, Vue, Svelte, and other frameworks.XState uses event-driven programming, state machines, statecharts, and the actor model to handle even the most complex logic in predictable, robust, and visual ways.Learn more about statechartsBidirectional updates between code and visualization let you use what makes you most productive.Automatically visualize Redux, Zustand, and other code to get the benefits of Stately in your codebase even without XState.An IDE extension brings the power of Stately into VS Code.Download the VS Code extensionGenerate React apps from diagrams to jumpstart product development. Keep iterating visually with the help of AI, or dive straight into the code to rapidly extend the scaffolding with your vision.Generate tests automatically to keep coverage robust and up-to-date.Export all of your generated code in Javascript or Typescript.Connect with Github to sync Stately with your codebase.Inspect running apps with Stately Inspector to help test, and debug your logic.Visualize communication between actors in your running app with sequence diagrams.Products evolve. People are busy.Understand and stay aligned with Stately as the source of truth.Future proof your code with clear visualizations that are easy to return to and change later. Even years later.Living documentation keeps the whole team in sync without extra overhead.Save versions as backup and to see the history of your work.Export as markdown stories, Mermaid drawings, or JSON documents that can be copied into issues and project documents.Generate diagram summaries to get oriented quickly.Loved by teamsAmy Pellegrini@ ThoughtworksEvery team where I introduced XState has been more effective at handling state management with complex user interfaces. It fills a gap in the JS ecosystem no other tool did before.Natalie Cuthbert@ StitchWe've been using XState for our new payments product. Shout out to the team that is making designing complex front-end flows a dream.Patrick Cavit@ NetflixXState is a revelation. It makes complex tasks easier to build and debug while also making the code more straightforward and approachable.Presley Pizzo@ CoderXState naturally separates the logic and makes it simple to mock out API calls, so it's easier to test the code and organize it!James Tharpe@ T-MobileWe use XState to implement business workflows as statecharts. The visualizer helps us collaborate more closely with customers, the ability to externalize workflows as JSON configuration makes complex workflow changes surprisingly simple to roll out, and test case generation makes it easier than ever to move forward with confidence. XState makes it all possible!Maya Shavin@ MicrosoftAdvantages of XState: Visually clear view of the code flow, code reusability, test coverage, easy to debug/ spot bugs, code scalability & maintenance, and better code design & planning.Santi Cros@ Domestic Data StreamersThinking and building with XState has been a revolution in how I develop robust business logic. But being able to visualize that in real time, has been a game changer in how I model and communicate any logic!Intelligent logic to transition from design to deployment, and back again.Sign up for freeBook a demoGet updates by emailSubscribe to our newsletterBe part of a friendly and helpful communityJoin our Discord to give us feedback and get support. And participate in our Office Hours for previews and announcements with the Stately team. --- Ask AIPricingCreate unlimited public projects for free. Upgrade to work privately and unlock more features. Get a team to add users and enable collaboration.CommunityFREEGet startedPublic projects and state machinesExport to JavaScript and TypeScriptState machine simulationGenerate and modify state machines using AI ✨3 generations / monthCommunity supportProfessional$33per month for an annual plan.$39 per month for a monthly plan.Start a free trialEverything from CommunityPrivate and unlisted projectsGenerate and modify state machines using AI ✨1,000 generations / monthGenerate React UIsVersion historyLive simulation modeEmbed Figma designsColor states and transitionsGitHub SyncPriority supportTeam$167per month for an annual plan.$199 per month for a monthly plan.Start a free trialEverything from ProFor all team members!Add up to 10 team membersShared team projectsTeam admins and editorsUnlimited view-only access for non-team membersPriority supportEnterpriseContact usContact usEverything from the Community, Pro, and Team plansUnlimited generated flowsFlexible hostingDedicated priority supportCustom server locationsSingle sign-on (SSO)Audit logsEmbed Stately into your own appsCustom effect collections (actions, actors, and more)Custom export formatsPrioritized feature requestsA custom plan tailored to the requirements of your organizationServicesContact usContact usConsultancy on state management and/or using XState in your teamWorkshops for XStateCustom solutions for state machine logic and model-based testingPriority supportGet updates by emailSubscribe to our newsletterBe part of a friendly and helpful communityJoin our Discord to give us feedback and get support. And participate in our Office Hours for previews and announcements with the Stately team. --- Ask AISearchCtrlKDocsAPIStudioEditorDiscoverBlogStately & XState docsGet startedCore conceptsStately StudioActorsAgentsGuidesPackagesDeveloper toolsGlossaryBlogXState Store v3XState Store v3 brings improved state management capabilities with better TypeScript support and a more streamlined API.Wed Feb 26 2025WebinarGeek x Stately - Making Streaming Webinars More ReliableWebinarGeek leans on Stately tooling to manage the inherent complexities in building the best user-friendly webinar platform on the internet.Tue Nov 12 2024Viam x Stately - Smart Machines Meet State MachinesControlling hardware in the real world requires confidence and safety, even when it's part of a game!Mon Jul 29 2024Introducing XState StoreA simple and small state management library inspired by XStateWed Apr 10 2024Changelog Week 7 2024In the last few weeks, we’ve released single-file GitHub pull requests, machine sorting, and many other improvements and bug fixes.Fri Feb 16 2024Stately Office Hours 80Watch our latest office hours live stream where we cover single file GitHub pull requests, sorting machines, Stately Agent, updates to XState and more.Fri Feb 16 2024Global state with XState and ReactHow to use XState to manage global state in ReactMon Feb 12 2024Edit a state machine from GitHub without touching any codeImport a state machine from GitHub to Stately, edit the machine, and make a pull request back to GitHub without touching any code.Wed Feb 07 2024Migrating machines to XState v5A walkthrough of migrating an existing XState v4 machine to XState v5Fri Feb 02 2024Changelog Week 5 2024Embedding Figma frames has arrived in Stately Studio! We’ve also made more improvements and squashed some bugs. And have you tried Stately Agent yet?Tue Jan 30 2024Building backend workflows with Stately: Credit checking flowJoin Gavin as he details an example backend credit reporting flow built with XState and Stately tooling. In this demo, he covers parallel states, final states, and conditional guards.Wed Jan 24 2024Embed Figma designs in StatelyYou can now embed Figma frames in Stately statesWed Jan 24 2024State Machines - What’s in a name?An overview of naming conventions for state machines, including tips and guidlines for namingTue Jan 23 2024Changelog Week 3 2024This week, the headline is Stately Inspector! But we’ve also made some improvements and fixed a few bugs in Stately Studio.Fri Jan 19 2024Stately Office Hours 79Watch our latest office hours live stream where we cover Stately Agent, Figma Embed, and more.Fri Jan 19 2024Introducing Stately InspectorStately Inspector is a universal tool that enables you to visually inspect the state of any application, frontend or backend, with the visualization of Stately’s editor.Mon Jan 15 2024XState: Exploring actors live streamWatch our latest live stream where we cover actors in XState. Learn more about common use cases, more complex state machines, and the actor model.Fri Jan 12 2024Building backend workflows with Stately: Media scanningWatch Gavin as he covers an example backend media scanning workflow defined and implemented with XState and Stately tooling.Thu Jan 11 2024Changelog Week 2 2024We’ve had a busy start to 2024 with the release of GitHub Sync, sources, and draft projects. We’ve also made plenty of improvements and fixed a few bugs.Thu Jan 11 2024Bidirectional GitHub Sync is now here!Watch our latest office hours live stream where we cover new features including Stately Inspect, GitHub Sync, Sources, and our roadmap for 2024.Tue Jan 09 2024Unlock bidirectional editing with sourcesWith sources, you can now provide implementation code for your actions, actors, and guards, making syncing between the editor and your codebase a breeze.Tue Jan 09 2024A look back at Stately in 2023As we start 2024, we wanted to look back at what the Stately team accomplished in 2023 and take a sneak peek at what you can expect from Stately in 2024.Mon Jan 08 2024Stately Office Hours 77Watch our latest office hours live stream where we cover new features including draft projects, sources, Stately Inspect, and GitHub Sync.Thu Jan 04 2024New Stately Studio tourWatch our latest office hours live stream where we cover new features including Stately Inspect, GitHub Sync, Sources, and our roadmap for 2024.Wed Jan 03 2024Stately Office Hours 76Watch our latest office hours live stream where we cover new features including Stately Inspect, GitHub Sync, Sources, and our roadmap for 2024.Tue Jan 02 2024Changelog December 2023It’s the end of 2023 and we’ve got a few more updates to share with you before the year is out.Fri Dec 29 2023TIDEFI x Stately: Decentralized finance and investments managementBuilding a robust and user-friendly financial services platform. A Stately and TIDEFI case study.Thu Dec 07 2023Fugo x Stately: digital signage design and automation case studyDigital signage for the modern business. A Stately and Fugo case study.Mon Dec 04 2023XState v5 is hereToday, we’re happy to finally release XState v5! This is a new major version of XState focusing on actors and helping you get started with XState faster and more easily than previous versions.Fri Dec 01 2023Koordinates x Stately: geospatial data management case studyMaking geographic information systems accessible and collaborative. A Stately and Koordinates case study.Tue Nov 28 2023Changelog for our biggest release yetThis week has seen us introduce some of our biggest features yet and plenty of small updates to improve your Stately experience.Thu Nov 23 2023Stately Studio 2.0We’re so excited to release Stately Studio 2.0, which aims to meet developers where they are, no matter which libraries, frameworks, or even languages they use.Mon Nov 20 2023Introducing Stately SkyAnnouncing Stately Sky, the new way to run your state machines in the cloud.Mon Nov 13 2023Generate test paths and create machines faster than ever beforeIt’s been a while since our last changelog update, so let’s get right to it!Fri Nov 03 2023What is a state machine?Learn what a state machine is, and how it can help you model and understand complex systems visually.Thu Oct 05 2023Persisting and restoring state in XStateLearn how to persist and restore your state machine state in XStateMon Oct 02 2023Context schema and export to CodeSandbox or StackBlitzYou can now open your machine in CodeSandbox or StackBlitz. These options show when you select either JavaScript or TypeScript export formats in the Code panel.Thu Sep 21 2023Make the dream work! An overview of Stately Studio’s teams featureGetting the most out of Stately Studio’s teams featureTue Sep 19 2023Event schemas, free Viewer roles for teams, and more!The Stately team has had another busy week. The editor now has event schemas, and we’ve made many more improvements. Let’s dig in!Fri Sep 15 2023Fixes and improvementsWe’ve released many new features recently, but we’ve also made minor enhancements and bug fixes to improve your Stately experience.Wed Sep 06 2023New experimental feature: generating flowsLearn how to generate and modify flows from plain text using Stately's new intelligent featuresWed Sep 06 2023Generate flowAs a Stately Pro user, you can now auto-create machines from text descriptions with our new experimental feature, Generate flow.Fri Sep 01 2023Lock machinesYet another new Pro feature for you this week: you can now lock machines to prevent accidental edits.Fri Sep 01 2023Fixes and improvementsThis week, the Stately team has been hard at work with even more bug fixes and improvements.Wed Aug 23 2023Export descriptions and meta fields, and even more improvements!You can now choose to export state and event descriptions and meta fields with your exported code.Thu Aug 17 2023The latest live streams from StatelyThe Stately team has been doing a lot of live streams lately, covering the front-end, back-end, and everything new in the Stately editor.Thu Aug 17 2023And all the other improvements this week!Our new Learn Stately guidance got its own changelog this week, but there’s more that’s new to Stately.Thu Aug 10 2023Learn Stately with our new editor videosWe’ve created our Learn Stately guidance and accompanying tutorials to introduce the basic concepts of state machines.Thu Aug 10 2023Markdown in annotations, performance improvements, and more!This week’s headlines are that annotations now support markdown, and we’ve made many performance improvements!Fri Aug 04 2023Stately Office Hours 68We’ve recently launched a huge Stately release, and we covered it all (as well as some even newer features!) in our latest office hours live stream.Wed Jul 26 2023Stately minor improvementsThe Stately team has released more this week, and we have even more fixes and improvements for you.Wed Jul 26 2023Improving your flows with colorAs part of our recent colossal release, we’ve launched a new feature for pro users - colors.Mon Jul 24 2023Export to MermaidYou can now export your state machines to Mermaid code and diagrams!Thu Jul 20 2023Stately Studio minor improvementsWe launched a huge release last week, but we already have more for you! In the last week, we made the following bug fixes and improvements.Tue Jul 18 2023Supercharge the canvasToday we are excited to release an update to Stately that takes a huge step towards making complexity more manageable.Tue Jul 11 2023New webinar: Intro to Stately Studio and state machinesJoin Anders and Laura for a tour of Stately Studio and an introduction to state machines featuring the next release of Stately Studio.Wed Jul 05 202325 new server-side workflow examplesWe’ve added 25 new server-side workflows examples for XState V5, from simple state machines to more complex workflows.Tue Jun 20 2023Stately Studio minor improvementsIn the last week, we made the following bug fixes and improvements.Wed Jun 14 2023What is the actor model and when should I use it?At Stately, the Actor Model is one of our favorite programming paradigms, and we think it’s for good reason!Tue May 30 2023Stately Studio minor improvementsIn the last week, we made the following bug fixes and improvements.Fri May 26 2023Announcing XState v5 betaWe’re excited to announce the beta release of XState v5 and related packages after many years of development.Thu May 25 2023Context-aware search in the docsThe search results in the Stately Studio and XState docs are now context-aware. Fri May 19 2023Explain your machines with annotationsSometimes you want to share a machine with descriptive details or comments, so we’ve added annotations to Stately Studio.Thu May 18 2023Stately Studio minor improvementsOver the week, the Stately team made the following improvements.Wed May 17 2023Watch in-depth demos in our Stately StreamsTomorrow is part four in our popular Stately Stream series, where we are modeling a semi-complex client-side application using XState, Stately Studio, React and TypeScript.Tue May 16 2023Watch our “best Stately office hours yet”Two weeks ago we had what some have called our “best office hours yet.” Watch the video to find out what’s coming soon to Stately Studio.Fri May 12 2023Everything new since Stately Studio 1.0!It’s been more than six months since the release of Stately Studio 1.0, and we’ve been busy working on Stately Studio and XState. Here are some of the highlights.Thu May 04 2023Introducing ➡️ state . newWe’re making it even easier to create state diagrams with our new domain state.new.Wed May 03 2023Track changes as you work with Version HistoryVersion History is one of our most recent Pro features in Stately Studio. You can track changes to your work as you go.Tue May 02 2023New default machineThere’s now a more detailed default machine when you create a new machine in Stately Studio or jump straight into modeling at state.new.Fri Apr 28 2023Embed URL🤫 We’re testing a new feature where you can embed machines.Fri Apr 21 2023Book a demo with the Stately teamAre you looking to take your team collaboration to the next level? Do you want to explore the features of Stately and XState to their fullest potential? Then book a live demo with the Stately team!Mon Apr 03 2023Import all machines from your GitHub repoLearn about a new pro feature in the Stately Studio; importing all your machines from a GitHub repo.Thu Mar 09 2023Import machines from GitHubLearn about a new pro feature in the Stately Studio; importing machines from GitHub.Mon Feb 06 2023Making state machines global in ReactLearn how to use the `createActorContext` function to make state machines global in React.Fri Jan 27 2023What’s new for Stately in 2023Happy 2023! We thought we’d kick off the year with a reminder of all the features we’ve released since the Stately Studio 1.0 release in October.Fri Jan 20 2023Introducing the Stately docsThe time has finally come; our new docs are ready to share with you all. If you’ve been following our office hours, you know I’ve been talking about these docs for a long time…Thu Jan 19 2023New in the Studio: Machine restoreWe have introduced a new feature to the Stately Studio, a feature we hope you’ll never see. Let’s call it machine restore, for lack of a better description.Tue Dec 13 2022New in the Studio: Import from codeOne of our most-requested features has just landed in the Stately Studio; you can now import from code!Tue Nov 29 2022New: Safari support, new login providers, and more!It’s been just over a month since we released Stately Studio 1.0, and the team has barely slowed down! We’ve got more features live in the Studio today and even more planned before the end of the year.Tue Nov 22 2022Learn the Stately Studio with our new video tutorialsIf you’re new to the Stately Studio, state machines or statecharts, we have the videos for you! Our new Stately Studio tutorials playlist on YouTube features bite-size videos to help you get started with understanding statecharts and state machines, and start modeling in the Stately Studio.Thu Oct 27 2022Introducing Stately Studio 1.0We’re excited to announce the release of Stately Studio 1.0! We’ve been working on Stately Studio for over a year now, and we’re thrilled to share it with you.Tue Oct 18 2022What’s new in September 2022?The Stately team has got some huge features to share with you soon. Here’s what we’ve been working hard on through the summer!Wed Sep 14 2022Building a resizable panel: Part 2Farzad and David add more features to their resizable panel using XState and React.Wed Aug 31 2022Building a resizable panelFarzad and David use XState to build the logic for a resizable panel with React in an impromptu live stream.Mon Aug 22 2022“Goodbye, useEffect” at React Next conferenceCreate a state machine in seconds and edit using our visual editor.Wed Aug 17 2022XState + VS Code: xsm snippetCreate a state machine in seconds and edit using our visual editor.Wed Aug 10 2022What’s new in August 2022?Get up and running faster with our XState VS Code extension and enjoy all the design details in the Stately studio experience.Fri Aug 05 2022“Just Use Hooks”: XState in React ComponentsXState can be easily added to React components by using custom machine hooks for greater encapsulation and reusability.Mon Jul 18 2022What’s new in July 2022?Search for machines, pinch to zoom, nest typegen files and more! Find out the latest features in the Stately editor and XState VS Code extension.Wed Jul 06 2022What is XState used for?XState can be used wherever JavaScript runs, whether on the backend or frontend. Because the code it creates can be visualized, it’s great at handling complex use cases.Tue Jun 21 2022Nesting XState typegen filesWhat is file nesting in VS Code and how to enable it for XState's generated type files.Mon Jun 13 2022What’s new in June 2022?Updates to XState, @xstate/test and the Stately editor in the last month.Tue Jun 07 2022What’s new in May 2022?Updates to XState, @xstate/react and @xstate/fsm in the last month.Tue May 03 2022Building a video player with XState and Stately toolsA few weeks ago we uploaded a new video to the Stately YouTube channel showing how you can build basic video player functionality using XState and Stately tools.Tue Apr 05 2022Introducing the new Stately RoadmapWe’ve added a Roadmap to our Documentation, so you know what we’re currently working on and what features are coming up soon.Tue Mar 29 2022Stately is hiring!We’re hiring for a frontend engineer, backend engineer, developer advocate and product designer at Stately.Mon Mar 28 2022Stately Changelog #1 - Snap To ElementsThe Stately Editor changelog is where we discuss new features released to the Stately Editor beta.Wed Mar 23 2022Introducing the new Stately homepageLast week we launched the new Stately homepage, which we hope will make it easy to understand what Stately and XState are and help you convince your team to use state machines.Wed Mar 16 2022Open VSX XState VSCode extension now availableIf you use VSCodium, Coder, Gitpod or another editor with VSCode-compatible extensions, you can now install the XState VSCode extension.Tue Mar 15 2022Introducing: The XState CLIGet ready to run XState’s typegen commands outside of VSCode in our all-new CLI.Thu Mar 03 2022Modelling 101: How to build a statechart from scratchStately dev Matt Pocock takes you through a step-by-step guide on modelling statechartsThu Feb 17 2022Stately Editor public betaWe’re excited to announce the public beta of the Stately Editor! 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.Tue Feb 08 2022Introducing: TypeScript typegen for XStateXState’s TypeScript experience just got an enormous upgrade - Typescript typegen, integrated with VS Code.Thu Jan 27 2022What are the biggest benefits of state machines?At Stately we’re fans of state machines, but we wanted to ask our community… what are the benefits you’ve experienced from using state machines?Tue Dec 14 2021How do you convince your teammates to use XState?Last week our question of the week was how do you convince your teammates to use XState? Here are some suggestionsMon Oct 11 2021Introduction to state machines and statechartsIntroduction to state machines and statechartsSat Oct 02 2021useState vs useReducer vs XState - Part 1: ModalsManaging state at different levels of complexity is hard. This series of articles should help you make the right choices off the bat. Today we’re starting with modals.Wed Jul 28 2021How to manage global state with XState and ReactEverything you need to know to manage global state with XState and React.Thu May 27 2021Why I love invoked callbacksI’ve written a bit about services, but today I wanted to talk about my favourite way of expressing services: the Invoked Callback.Thu May 13 2021Should this be an action, or a service?Whether to use an action or a service in XState.Fri Apr 30 2021Should this be a state, or in context?How to decide when to use state or context.Thu Apr 29 2021What’s the difference between Machine and createMachine?XState offers two options for declaring machine definitions. This can be confusing for beginners. Why are there two very similar-looking methods? What’s the difference?Wed Apr 28 2021You don’t need a library for state machinesDo you need a library to create and interpret state machines in your programs? No. But there are more things to consider.Wed Jan 20 2021“Just use props”: An opinionated guide to React and XStateXState is the most powerful tool available for managing complex state. The challenge comes when integrating XState with React…Mon Jan 11 2021State machines: How to stop making Horcruxes in your codeThere are several ways of mitigating horcruxes. But visualisations can prevent bugs, so why not go further?Mon Jul 27 2020How to tell a bad boolean from a good booleanTL;DR: Bad booleans represent state. Good booleans are derived from stateWed May 27 2020Redux is half of a pattern (2/2)Learn how Redux, and all other state management libraries, have one thing in common - they are all partial implementations of state machines - and how we can improve the way we model app state and logic.Fri May 22 2020Redux is half of a pattern (1/2)Learn how Redux, and all other state management libraries, have one thing in common - they are all partial implementations of state machines - and how we can improve the way we model app state and logic.Mon Jan 20 2020XState: version 4.7 and the futureXState version 4.7 has just been released. This is a minor version bump, but a major reworking of the internal algorithms, a lot of new capabilites, bug fixes and a better TypeScript experience.Mon Dec 09 2019No, disabling a button is not app logic.Disabling a button is not logic. Rather, it is a sign that logic is fragile and bug-prone. Let’s explore this with a simple example: fetching data in a React component.Wed Nov 13 2019 --- Ask AISearch⌘KDocsAPIStudioEditorDiscoverBlogGet StartedCore ConceptsState MachinesActorsGuidesPackagesDeveloper ToolsStately StudioGlossaryStately & XState docsCopy MarkdownOpenWelcome to the Stately and XState docs Stately.ai is a visual software modeling platform for modeling your app & business logic as state machines/statecharts and actors, and scales to any level of complexity. XState is a best-in-class open source library for orchestrating and managing complex application logic in JavaScript and TypeScript apps. These docs are for XState v5. Looking for XState v4 docs? Find them here. We recommend migrating to v5. Quick start Install XState: npm install xstate Create a state machine: import { createMachine, createActor } from 'xstate'; const toggleMachine = createMachine({ id: 'toggle', initial: 'inactive', states: { inactive: { on: { toggle: 'active' } }, active: { on: { toggle: 'inactive' } }, }, }); const toggleActor = createActor(toggleMachine); toggleActor.start(); toggleActor.send({ type: 'toggle' }); console.log(toggleActor.getSnapshot().value); // 'active' toggleActor.send({ type: 'toggle' }); console.log(toggleActor.getSnapshot().value); // 'inactive' Read the full quick start guide to learn more. Get startedJump straight into learning how to use Stately Studio editor, starting with states. Stately Studio overviewFind out more about Stately Studio's visual editor and collaborating with your team using Stately Studio's premium features. Learn state machines and statechartsWith our no-code introduction. Learn XStateGet started with our JavaScript and TypeScript library for state machines and statecharts. Click to interact 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.On this pageWelcome to the Stately and XState docsQuick startStately Studio or XState?Who is Stately?