What Types of User Flows Can I Create with Wireflow?

Updated

Wireflow ships with 102 pre-built flows organized into 10 categories, so you can start from a template instead of drawing every screen from scratch. The library covers common web patterns like e-commerce checkout, blog layouts, authentication, and media pages. If your flow matches one of these categories, you can open the template, rearrange the cards, and adapt it to your project.

The 10 flow categories

Based on the template library on wireflow.co, the flows fall into these groups:

Category What it covers
Article Article-style page layouts and content blocks
Blog Blog listing and post layouts, including video blog variants
E-Commerce Cart pop-up, checkout, checkout complete, delivery, product items, PayPal
Features Feature highlight sections and supporting blocks
Gallery Image and video gallery layouts
Header Image and video header sections
Misc 404, About, Analytics, Chart, Calendar, Schedule, Cards, Contact, Counter, Timer, Error, Fail, FAQ, Forum, Loading, Progress, Price, Search Results, Search, Settings, Sitemap, Steps, Subscribe, Tags, Team, Under Construction
Multimedia Files, Media, Songs
Sign in Authentication entry screens
Socials Social-oriented layouts and links

The Misc category is the largest and works as a catch-all for utility screens — error states, loading indicators, pricing, search, and settings pages.

How the templates are built

Each flow is assembled from over 100 custom graphics and cards that represent web elements, interactions, and use cases. That means a single flow isn't just a static picture — it's a set of draggable cards you can rearrange to map the actual path a user takes. For example, an e-commerce flow combines product item cards, a cart pop-up, checkout steps, and a completion screen, so you can trace the full purchase path in one canvas.

When to use a template vs. start blank

Use a pre-built flow when:

  • Your project matches a common pattern (checkout, sign-in, blog).
  • You want a fast first draft to review with your team.
  • You need a reference for how a standard flow is structured.

Start from a blank canvas when your flow is unusual, or when you only need a few screens and a full template would add clutter.

Practical notes

  • No sign-up is needed to start designing, and the tool runs in the browser — no install or Photoshop skills required.
  • Real-time collaboration lets you invite a co-worker and design the same flow together, with project permissions controlling who can access it.
  • Wireflow is MIT licensed and open source, so you can fork or self-host it if you need to.

If you want to see the full list before committing, browse the template picker and filter by category — the 102 flows are grouped exactly as the table above, so you can jump straight to the closest match and edit from there.