XState examples

XState v5 beta examples are also available in the /examples directory. Each example has a CodeSandbox link where you can run the example in your browser.

Simple fetch example

A simple fetch example built with:

• XState v5 beta
• Parcel

• Simple fetch example on GitHub
• Simple fetch example on CodeSandbox

7GUIs counter (React)

An implementation of the 7GUIs counter built with:

• XState v5 beta
• React
• TypeScript
• Vite

• 7GUIs counter (React) on GitHub
• 7GUIs counter (React) on CodeSandbox

7GUIs temperature (React)

This is an implementation of the 7GUIs temperature converter built with:

• XState v5 beta
• React
• TypeScript
• Vite

• 7GUIs temperature (React) on GitHub
• 7GUIs temperature (React) on CodeSandbox

Simple list (React)

A React list built with:

• XState v5 beta
• React
• TypeScript
• Vite

• Simple list (React) on GitHub
• Simple list (React) on CodeSandbox

Stopwatch

A simple stopwatch built with:

• XState v5 beta
• TypeScript
• Vite

• Stopwatch on GitHub
• Stopwatch on CodeSandbox

Tic-tac-toe game (React)

An implementation of tic-tac-toe built with:

• XState v5 beta
• React
• TypeScript
• Vite

• Tic-tac-toe game (React) on GitHub
• Tic-tac-toe game (React) on CodeSandbox

Tiles game (React)

A simple tiles game built with:

• XState v5 beta
• React
• TypeScript
• Vite

• Tiles game (React) on GitHub
• Tiles game (React) on CodeSandbox

TodoMVC (React)

An implementation of TodoMVC built with:

• XState v5 beta
• React
• TypeScript
• Vite

• TodoMVC (React) on GitHub
• TodoMVC (React) on CodeSandbox

Toggle

A simple toggle built with:

• XState v5 beta
• TypeScript
• Vite

• Toggle on GitHub
• Toggle on CodeSandbox

More examples are coming soon. If you have any examples you want us to make, please add a request to our feedback board or upvote an existing suggestion.

If you have an example you want to share, contribute your example to the XState repository.