# XState > State machines and statecharts for the modern web. XState is a JavaScript/TypeScript library for creating state machines, statecharts, and actors. ## Docs - [Actions](/docs/actions.mdx) - [The Actor model](/docs/actor-model.mdx) - [Actors](/docs/actors.mdx) - [Notes](/docs/annotations.mdx) - [Assets in Stately’s editor](/docs/assets.mdx) - [Autolayout](/docs/autolayout.mdx) - [Callback Actors](/docs/callback-actors.mdx) - [Canvas controls](/docs/canvas-view-controls.mdx) - [Cheatsheet](/docs/cheatsheet.mdx) - [Colors](/docs/colors.mdx) - [Context](/docs/context.mdx) - [Delayed (after) transitions](/docs/delayed-transitions.mdx) - [Descriptions](/docs/descriptions.mdx) - [Design mode](/docs/design-mode.mdx) - [Developer tools](/docs/developer-tools.mdx) - [Discover](/docs/discover.mdx) - [Actions and actors in Stately’s editor](/docs/editor-actions-and-actors.mdx) - [Context and meta in Stately’s editor](/docs/editor-context-and-meta.mdx) - [States and transitions in Stately’s editor](/docs/editor-states-and-transitions.mdx) - [Tags in Stately’s editor](/docs/editor-tags.mdx) - [Embed machines using their embed URL](/docs/embed.mdx) - [Event emitter](/docs/event-emitter.mdx) - [Eventless (always) transitions](/docs/eventless-transitions.mdx) - [XState examples](/docs/examples.mdx) - [Export as code](/docs/export-as-code.mdx) - [Embed Figma](/docs/figma.mdx) - [Final states](/docs/final-states.mdx) - [Finite states](/docs/finite-states.mdx) - [Function Actors](/docs/function-actors.mdx) - [Generate with AI](/docs/generate-flow.mdx) - [Generate React app](/docs/generate-react.mdx) - [Generate test paths](/docs/generate-test-paths.mdx) - [Glossary](/docs/glossary.mdx) - [Graph & Paths](/docs/graph.mdx) - [Guards](/docs/guards.mdx) - [History states](/docs/history-states.mdx) - [Share machine images using their image URL](/docs/image.mdx) - [Usage with Immer](/docs/immer.mdx) - [Import from code](/docs/import-from-code.mdx) - [Connect GitHub repo](/docs/import-from-github.mdx) - [Stately + XState docs](/docs.mdx) - [Initial states](/docs/initial-states.mdx) - [Input](/docs/input.mdx) - [Inspection](/docs/inspection.mdx) - [Inspector](/docs/inspector.mdx) - [Installation](/docs/installation.mdx) - [Invoke](/docs/invoke.mdx) - [Keyboard shortcuts](/docs/keyboard-shortcuts.mdx) - [Live simulation mode](/docs/live-simulation.mdx) - [Lock machines](/docs/lock-machines.mdx) - [Machine restore](/docs/machine-restore.mdx) - [State machines](/docs/machines.mdx) - [Migrating from XState v4 to v5](/docs/migration.mdx) - [Observable Actors](/docs/observable-actors.mdx) - [Output](/docs/output.mdx) - [Parallel states](/docs/parallel-states.mdx) - [Parent states](/docs/parent-states.mdx) - [Persistence](/docs/persistence.mdx) - [Projects](/docs/projects.mdx) - [Promise actors](/docs/promise-actors.mdx) - [Pure transition functions](/docs/pure-transitions.mdx) - [Quick start](/docs/quick-start.mdx) - [Routes](/docs/routes.mdx) - [Setup](/docs/setup.mdx) - [Sign up for Stately Studio](/docs/sign-up.mdx) - [Simulate mode](/docs/simulate-mode.mdx) - [Sources](/docs/sources.mdx) - [Spawn](/docs/spawn.mdx) - [State done events](/docs/state-done-events.mdx) - [State machine actors](/docs/state-machine-actors.mdx) - [What are state machines and statecharts?](/docs/state-machines-and-statecharts.mdx) - [Stately Sky getting started](/docs/stately-sky-getting-started.mdx) - [State](/docs/states.mdx) - [Stately Studio API](/docs/studio-api.mdx) - [Stately Studio Community plan](/docs/studio-community-plan.mdx) - [Stately Studio Enterprise plan](/docs/studio-enterprise-plan.mdx) - [Stately Studio Pro plan](/docs/studio-pro-plan.mdx) - [Stately Studio Team plan](/docs/studio-team-plan.mdx) - [Stately Studio](/docs/studio.mdx) - [Systems](/docs/system.mdx) - [Tags](/docs/tags.mdx) - [Teams](/docs/teams.mdx) - [Templates](/docs/templates.mdx) - [Testing](/docs/testing.mdx) - [Transition Actors](/docs/transition-actors.mdx) - [Events and transitions](/docs/transitions.mdx) - [Typegen](/docs/typegen.mdx) - [TypeScript](/docs/typescript.mdx) - [Upgrade your Stately Studio account](/docs/upgrade.mdx) - [Share machines using their share URL](/docs/url.mdx) - [User preferences](/docs/user-preferences.mdx) - [Version history](/docs/versions.mdx) - [Visualizer (deprecated)](/docs/visualizer.mdx) - [@xstate/fsm](/docs/xstate-fsm.mdx) - [@xstate/graph](/docs/xstate-graph.mdx) - [@xstate/immer](/docs/xstate-immer.mdx) - [@xstate/react](/docs/xstate-react.mdx) - [@xstate/store](/docs/xstate-store-v2.mdx) - [@xstate/store](/docs/xstate-store.mdx) - [@xstate/svelte](/docs/xstate-svelte.mdx) - [@xstate/test](/docs/xstate-test.mdx) - [XState VS Code extension](/docs/xstate-vscode-extension.mdx) - [@xstate/vue](/docs/xstate-vue.mdx) - [XState](/docs/xstate.mdx) - [AI Agents](/docs/agents/agents.mdx) - [@xstate/store-angular](/docs/xstate-store/angular.mdx) - [@xstate/store-preact](/docs/xstate-store/preact.mdx) - [@xstate/store-react](/docs/xstate-store/react.mdx) - [@xstate/store-solid](/docs/xstate-store/solid.mdx) - [@xstate/store-svelte](/docs/xstate-store/svelte.mdx) - [@xstate/store-vue](/docs/xstate-store/vue.mdx) ## Optional - [Full documentation](/llms-full.txt): Complete docs in one file