Find Use Machine Examples and Templates
Use this online use-machine playground to view and fork use-machine 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-timerA XState statechart Timer implementation. Meant to be reusable.
All input to the timer is given in the initial context `config` property.
It handles stopclock and timer mode, depending on config.duration is given or not. Features start/stop/pause/resume/lap-times, as well as options to auto-start the timer on creation and whether or not to auto-finalize on completion.
The React component UI is just for testing. Using just simple styling.
Written in Typescript.

xstate-timerA XState statechart Timer implementation. Meant to be reusable.
All input to the timer is given in the initial context `config` property.
It handles stopclock and timer mode, depending on config.duration is given or not. Features start/stop/pause/resume/lap-times, as well as options to auto-start the timer on creation and whether or not to auto-finalize on completion.
The React component UI is just for testing. Using just simple styling.
Written in Typescript.

xstate-timerA XState statechart Timer implementation. Meant to be reusable.
All input to the timer is given in the initial context `config` property.
It handles stopclock and timer mode, depending on config.duration is given or not. Features start/stop/pause/resume/lap-times, as well as options to auto-start the timer on creation and whether or not to auto-finalize on completion.
The React component UI is just for testing. Using just simple styling.
Written in Typescript.