SketchScreens

Free plan Self-hostedWeb

What SketchScreens is

SketchScreens creates hand-drawn wireframes and user-flow maps from an app’s source code. Run `npx sketchscreens` in a repository; the site says the command needs no installation, setup or configuration. The tool reads headings, fields, buttons and lists from components to draw screens, then connects screens that are wired together and labels arrows with the trigger for each move. Each run prints a coverage report identifying included surfaces. The map opens in a local browser viewer where it can be searched, focused and exported. Selecting a screen shows its route, source file, connections and elements. Supported stacks listed by the site include Next.js, React, Flutter, Express, Vue, SwiftUI, Remix, SvelteKit, React Native and Angular. SketchScreens runs locally, with its viewer bound to 127.0.0.1. The site says code stays on the user’s machine by default and that the product has no phone-home behavior. It is free, MIT licensed and self-hostable, with no sign-up required. Intended uses include onboarding to a codebase, reviewing flows and auditing client apps.

Who it suits

SketchScreens suits developers onboarding to a codebase, product managers and designers reviewing flows, and agencies auditing client apps. It is designed for people who can run the command in a project repository.

What it does well

Generates screen wireframes and connected-flow maps
Shows routes, source files, connections and screen elements
Includes a coverage report for each run
Runs locally with the viewer bound to 127.0.0.1
Free, MIT licensed and self-hostable

What to know first

Requires running a command in a project repository
Only listed framework stacks are specified

Getting started

Open the repository containing the app’s source code.
Run `npx sketchscreens` in the repository.
Open the map in the local browser viewer.
Search, focus, or export the map; select a screen to inspect its details.

Verdict

SketchScreens turns project code into a searchable, exportable local map of screens and transitions. Its free, local workflow is focused on onboarding, flow review and app audits.

Questions

Is SketchScreens free?

Yes. It is described as free, with a free plan and no sign-up.

Is SketchScreens open source?

It is MIT licensed and described as open and self-hostable.

Which stacks does it support?

It lists Next.js, React, Flutter, Express, Vue, SwiftUI, Remix, SvelteKit, React Native, and Angular.

Does SketchScreens send source code off the machine?

The site says it runs locally, its viewer binds to 127.0.0.1, and code stays on the machine by default.

Who makes SketchScreens?

The site’s copyright names Houston IT Developers LLC.

Facts from SketchScreens's own pages

Coverage: The site says each run prints a coverage report to show which surfaces were included. · sketchscreens.com, 4 Oct 2026
Flow mapping: It maps screens that are wired together and labels flow arrows with what triggers each move. · sketchscreens.com, 4 Oct 2026
Frameworks: The site lists Next.js, React, Flutter, Express, Vue, SwiftUI, Remix, SvelteKit, React Native, and Angular as supported stacks. · sketchscreens.com, 4 Oct 2026
Installation: The site says to run it with npx sketchscreens and describes the command as requiring no install, setup, or configuration. · sketchscreens.com, 8 Oct 2026
Intended users: The site identifies developers onboarding to a codebase, PMs and designers reviewing flows, and agencies auditing client apps as intended users. · sketchscreens.com, 4 Oct 2026
License: SketchScreens is described as MIT-licensed, free, and open source. · sketchscreens.com, 8 Oct 2026
Local operation: SketchScreens runs locally, and its viewer binds to 127.0.0.1. · sketchscreens.com, 4 Oct 2026
Maker: The site copyright names Houston IT Developers LLC. · sketchscreens.com, 8 Oct 2026
Pricing: The site describes SketchScreens as free and says there is nothing to sign up for. · sketchscreens.com, 4 Oct 2026
Privacy: The site says nothing about the user’s code leaves the machine by default and that the product has no phone-home behavior. · sketchscreens.com, 4 Oct 2026
Purpose: SketchScreens reads an app’s source code and generates hand-drawn wireframes of its screens and user flows. · sketchscreens.com, 8 Oct 2026
Review: The map opens in a local browser viewer where users can search, focus, and export it. · sketchscreens.com, 8 Oct 2026
Review tools: The browser map can be searched, focused, and exported; selecting a screen shows its route, source file, connections, and elements. · sketchscreens.com, 4 Oct 2026
Run method: The site says to run it in a repository with `npx sketchscreens`, with no install, setup, or configuration required. · sketchscreens.com, 4 Oct 2026
Screen details: Generated wireframes include real headings, fields, buttons, and lists read from screen components. · sketchscreens.com, 8 Oct 2026
Screen mapping: It detects screens that are wired together and maps them with flow arrows. · sketchscreens.com, 8 Oct 2026
Security: The tool runs locally, its viewer binds to 127.0.0.1, and code does not leave the machine by default. · sketchscreens.com, 8 Oct 2026
Stack support: The site lists Next.js, React, Flutter, Express, Vue, SwiftUI, Remix, SvelteKit, React Native, and Angular as supported stacks. · sketchscreens.com, 8 Oct 2026
Use cases: The site identifies codebase onboarding, reviewing flows, and auditing client apps as use cases. · sketchscreens.com, 8 Oct 2026

Where SketchScreens stands on Freedom251

User Flow Software#14 of 20