Error and recovery

Not-found screens that explain what went wrong and send the user somewhere useful.

4 steps

Step 1
Not found page 01
A full marketing-site 404 page with header, footer and a way home.
Docs Open example
npx @properui/cli@latest add not-found-page-01
Step 2
Not found simple 02
A minimal in-app 404 with a short message and one primary action.
Docs Open example
npx @properui/cli@latest add not-found-simple-02
Step 3
Not found illustration 01
A friendlier 404 that uses an illustration to soften the dead end.
Docs Open example
npx @properui/cli@latest add not-found-illustration-01
Step 4
Not found screen mockup
A 404 that shows the product itself to keep the visitor engaged.
Docs Open example
npx @properui/cli@latest add not-found-screen-mockup

Install this flow

One command writes every step and the components they compose.

npx @properui/cli@latest add not-found-page-01 not-found-simple-02 not-found-illustration-01 not-found-screen-mockup

Working in an agent? Ask the MCP server for the same journey.

search_flows "Error and recovery"