Template library

Diagram templates

82 hand-built templates, each reviewed in every theme and font. Add your content and get a finished, editable SVG.

  • Text always fits
  • Restyle in one click
  • Free unlimited edits
  • SVG and PNG export

9 templates

Flowchart: vertical chain

icon step cards · semantic side notes

Pro

One straight sequence of three to eight steps where some steps need a side remark, such as a setup guide with tips, an onboarding flow with warnings, a data migration with caveats, or a release checklist with reminders.

Steps: ascending staircase

numbered blocks · icon captions on each tread

Pro

Three to six stages that build on each other toward a goal, such as a maturity model, a career ladder, a growth plan, or levels of adoption.

Steps: card grid

numbered icon headers · optional descriptions

Pro

Three to nine steps of one process that each need a few lines of explanation, such as a getting-started guide, a method, or a service delivery process.

Steps: numbered center spine

two tracks · tinted icon tiles

Pro

An ordered process of two to six steps where two things happen at each step, such as what the customer does and what the team does.

Steps: horizontal icon cards

arrows between cards · optional duration or owner chips

Pro

Three to five ordered process steps with hand-offs, such as approval, fulfillment, and request workflows.

Steps: vertical left rail

numbered markers · icon cards

Three to seven steps of one process read top to bottom, such as setup instructions, an onboarding checklist, or an incident procedure, where each step needs a sentence of detail.

Steps: horizontal arrow line

numbered markers · icon tile captions below

Pro

Three to six steps of one process that read left to right, such as how a product works, a checkout flow, or a support procedure, where each step has its own icon.

Browsing is free. One diagram or a batch of four new styles costs 1 credit. Applying saved styles, editing, copying, and downloading are free.