125 screen templates
Ready-made wireframe screens in 12 categories, from sign-in and checkout to mobile apps and decision steps. Search them, or drop in your own image.
Free Wire /
User Flow Tool
Wireflow is a free, online and open source tool for creating beautiful user flow prototypes. No Photoshop skills required!
Start designing
Free forever. No sign up needed.
Everything you need to map a flow
Easy to use interface
Drag screens onto the canvas, connect them, then label, colour and style the arrows. Undo, redo, copy and paste work as you'd expect.
AI assistant
Describe a flow or a change and Claude builds it on the canvas, with your own Anthropic API key.
Save, open and export
Your flow autosaves in the browser. Save it as a file, open it anywhere, or export a PNG or JPG image.
Groups, notes and estimates
Group related screens, add notes, and estimate hours and costs, with a CSV export.
No Photoshop required
No install and no previous experience needed. It runs in your browser, works offline once loaded, and on touch screens.
vanila-io/wireflowOpen source
MIT licensed
Fully Open Source
Wireflow is MIT licensed and developed in the open. Fork it, self host it, or contribute. The whole project lives on GitHub.
Next.js and ReactThe editor and this page. The page is prerendered and refreshed in the background every hour.
React FlowThe diagram editor: the canvas, cards, connections and groups.
Cloudflare, through OpenNextWhere Wireflow runs. A Docker image is there for self-hosting.
Claude APIThe AI assistant, through Anthropic's official SDK, with your own API key.
Sponsors & Backers
Wireflow is free and open source thanks to our sponsors.
