Network Diagrams

Using Eraser, you can easily create network diagrams to map out network infrastructure. Show network boundaries, devices, data flows, and security controls with Eraser. Cloud and tech icons come included to help you save time.

Source of truth for security compliance

Use network diagrams created in Eraser as a source of truth for answering security questionnaires and documentation for security certifications such as SOC 2 or PCI DSS.

Open In Eraser
Shapes and tech icons included

With Eraser you don't need to hunt for icons. AWS, GCP, Azure, Kubernetes, and most tech logos are included.

Open In Eraser
Rapid drawing with diagram-as-code

Using Eraser's diagram-as-code feature to create a network diagram, you can focus on what matters. It's the quickest way to create a pixel perfect network diagram, and your hands don't need to leave the keyboard.

Our AI enabled diagramming workflows also allow you to automatically generate

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
Network Diagrams
Diagrams

Network 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.

Diagram-as-code, batteries included diagramming, and AI workflows make Eraser the perfect tool for creating network diagrams. Start from scratch or use our AI workflows with your infrastructure-as-code files.

Try AI Generator
Use Cases
Use Eraser for your
Diagrams
Use Cases
Source of truth for security compliance

Use network diagrams created in Eraser as a source of truth for answering security questionnaires and documentation for security certifications such as SOC 2 or PCI DSS.

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.

Use Cases
Shapes and tech icons included

With Eraser you don't need to hunt for icons. AWS, GCP, Azure, Kubernetes, and most tech logos are included.

Use Cases
Rapid drawing with diagram-as-code

Using Eraser's diagram-as-code feature to create a network diagram, you can focus on what matters. It's the quickest way to create a pixel perfect network diagram, and your hands don't need to leave the keyboard.

Our AI enabled diagramming workflows also allow you to automatically generate

Why Eraser is the best tool for
Network Diagrams

Source of truth

Use diagrams created in Eraser as source of truth for answering security questionnaires and documentation.

Building blocks

With Eraser you don't need to hunt for icons. AWS, GCP, Azure, Kubernetes, and most tech logos are included.

Diagram-as-code

Diagram-as-code is the perfect tool for moving at the speed of thought and visualizing your ideas instantly. Our syntax is optimized for easy learning.

Security

Trusted by Fortune 100 companies with their system design. SOC II Type 2 audit in progress.

Export

Flexible exports to PDF, PNG, SVG, markdown.

GitHub sync

Create a PR to GitHub directly from Eraser docs and diagrams.

API

Integrate Eraser into your automated documentation and diagram generation pipeline.

Trusted by leading architecture teams globally

Dennis Dao
Distinguished Software Architect, MISSION+

What I love most is its Markdown note-taking feature, which allows you to include snapshots of diagrams directly in the canvas. Clicking on these snapshots takes you straight to the relevant diagram section.

Alex Kenley
Technical Director, Mott Mac

As a proof of concept, using Eraser I manually built out a VMWare validated design which is a fairly complex conceptual design for NSX-T Network Virtualization in an enterprise environment. ... I put this whole thing together in under an hour. Pretty wild.

What does larger scale software development look like?

Web Dev Cody
@WebDevCody

See you in the canvas

Unlock your team’s collaborative super powers.