State Diagrams

Eraser's state change diagrams let you visually represent the various states of your services and components and how they transition between states.

  • Easily visualize complex state machines
  • Create diagrams to model core states and also show triggers that cause state changes and the actions that result from them.
  • Document full lifecycle and map out error handling

Create one from scratch or use one of our examples.

State transition diagrams

Building a message queue, data synching mechanism, complex form or some other system with many states and transitions?  A state transition diagram is the perfect way to plan your work. Eraser makes it easy to create and iterate on these diagrams.

Open In Eraser
AI enabled diagram-as-code

Sequence diagrams and flow charts are perfect for mapping out canonical flows and entire systems. Eraser's diagram-as-code syntax allows you to create them in minutes. Our syntax was designed to be easy to learn and read, and you can also use our AI workflows to create them in seconds.

Open In Eraser
Easy embedding

Complex state machines can be hard to understand. Eraser's unique document embeds allow you to create documentation all in one tool. Working with another documentation tool? Eraser integrates directly with Notion and Confluence and allows embedding updating previews into any system.

Open In Eraser
Discover other use cases
View all use cases
Whiteboard Interview
Eraser is the easiest way to conduct a remote whiteboarding interview. Just send a link to your counterpart and immediately get started.
Documentation
Eraser makes documentation enjoyable to create and consume
Use Cases
State Diagrams
Diagrams

State Diagrams

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Stateful components and systems are notoriously difficult to reason about. Eraser makes it easy to combine narratives and multiple diagrams to effectively explain your systems.

Open in Eraser
Use Eraser for your
Diagrams
State transition diagrams

Building a message queue, data synching mechanism, complex form or some other system with many states and transitions?  A state transition diagram is the perfect way to plan your work. Eraser makes it easy to create and iterate on these diagrams.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

AI enabled diagram-as-code

Sequence diagrams and flow charts are perfect for mapping out canonical flows and entire systems. Eraser's diagram-as-code syntax allows you to create them in minutes. Our syntax was designed to be easy to learn and read, and you can also use our AI workflows to create them in seconds.

Easy embedding

Complex state machines can be hard to understand. Eraser's unique document embeds allow you to create documentation all in one tool. Working with another documentation tool? Eraser integrates directly with Notion and Confluence and allows embedding updating previews into any system.

Trusted by leading engineering teams globally

Use Eraser for all of your diagrams and docs

Beyond data flow diagrams, do you need to create other technical docs and diagrams like design docs, RFCs, network diagrams, and API diagrams? Eraser provides a single platform for modern engineering teams to collaborate on docs and diagrams.

See you in the canvas

Unlock your team’s collaborative super powers.