Log in
Templates

Web Free Wireframe Templates

Free templates for brainstorming, diagrams and teamwork. Open one in MockFlow and customize it for your work.

Page 3 of 6 (Showing 50 templates)

Gallery

Pick a template and make it yours.

Every template opens in MockFlow, ready to edit with your team or with AI.

Start exploring

templates AI tools website template Wireframe templates Ecommerce website template Wireframe templates Education website template Wireframe templates Personal portfolio website Wireframe templates Blog website Wireframe templates MUI - Admin template Wireframe templates Chatbox Wireframe templates Newspaper template Wireframe templates Project management app Wireframe templates App landing page Wireframe templates Product landing page Wireframe templates MUI - Admin dashboard Wireframe templates MUI - Sign in two column layout Wireframe templates MUI - Checkout UI Wireframe templates Landing page Wireframe templates Pricing page Wireframe templates shadcn ui - Music app Wireframe templates shadcn ui - Dashboard Wireframe templates shadcn ui - Authentication Wireframe templates shadcn ui - Settings Wireframe templates Home page for apparels ecommerce Wireframe templates Low Fidelity - Home page for apparels ecommerce Wireframe templates Hotel booking website Wireframe templates Music player Wireframe templates Video editing app Wireframe templates Banking web app Wireframe templates Video streaming web app Wireframe templates Add to cart template Wireframe templates Appointment schedule app light and dark UI Wireframe templates Task management app dark UI Wireframe templates Chat web app dark UI Wireframe templates Analytic dashboard dark UI Wireframe templates Course dashboard UI Wireframe templates Marketing campaigns Wireframe templates Marketing keywords Wireframe templates Marketing dashboard Wireframe templates Booking summary Wireframe templates Flight search Wireframe templates Hotel details and booking Wireframe templates Home screen Wireframe templates Invoice template Wireframe templates Create invoice Wireframe templates Add new customer Wireframe templates Dashboard Wireframe templates Dashboard Wireframe templates Leave dashboard Wireframe templates Employee details Wireframe templates Student Attendance Wireframe templates Add New Students Wireframe templates Student details Wireframe

Showing 50 of 272 templates

Get started

Your next board, ready in minutes.

More to start from

MCPBrainstorm with MockFlow MCP

Add MockFlow as an MCP connector in Claude, Cursor, or any MCP-compatible AI assistant to generate flowcharts, mindmaps, architecture diagrams, and 16 types of visualizations.

Desktop App MCP Powerful
CLI Web MCP Developer
Loginless Web MCP Easiest

Built into the MockFlow Desktop App. AI creates visuals directly on your open canvas — no URLs, no waiting.

1
Open Desktop App → open a MockFlow project
2
In Claude Code / Cursor, run:
claude mcp add --transport http -s user mockflow-ideaboard http://localhost:21193/mcp
3
Ask: "Create a flowchart for..."

Best for: Designers, product teams, daily MockFlow users.

Download Desktop App →

Install from npm, log in via browser (OAuth), and boards are saved to your MockFlow account.

1
npm install -g @mockflow/ideaboard-mcp
2
mockflow-ideaboard-mcp login
3
mockflow-ideaboard-mcp

Best for: Developers using Claude Code, Cursor, or VS Code Copilot.

npm Package →

Add MockFlow as a connector in Claude.ai or ChatGPT. No installation, no account required. A new board is created and you get a shareable URL.

1
Open Claude.ai → Settings → Connectors
2
Paste this URL: https://app.mockflow.com/ideaboard/mcp
3
Ask Claude to create a flowchart — done!

Best for: Managers, marketers, anyone using Claude.ai or ChatGPT in the browser.

Welcome back

Don't have an account? Sign up

Faster ways in

Sign in with an account you already use.