Create Sandbox
Find Xstate Examples and Templates
Use this online xstate playground to view and fork xstate example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!
XState React Template
davidkpiano
XState Example Template
You can fork this sandbox to create a reproduction for XState issues.
davidkpiano
XState React TypeScript Template
davidkpiano
XState TypeScript Template
You can fork this sandbox to create a reproduction for XState issues.
davidkpiano
XState TS Viz Template
davidkpiano
XState React Viz Template
davidkpiano
XState Viz Template
davidkpiano
XState Svelte Template
davidkpiano
XState Vue 3 Template
davidkpiano
react-xstate
XState Vue Viz Template
davidkpiano
XState Vue Template (Composition API)
davidkpiano
xstate-vue-calculator
Ported to xState 4.x and Vue from https://github.com/mukeshsoni/statechart-calculator
XState + React
Official Stately.ai template for XState v5, React, and TypeScript
Mithril template
esrch
r3f-character-controller
XState
Official Stately.ai template for XState v5, TypeScript
RRv6 TS and XState with Tailwind CDN
React TypeScript with Tailwind CDN configured in `index.html`. React Router v6.4 and XState installed.
avanslaars
Find more examples or templates