Skip to content

Documentation screen examples

Documentation screen design examples from SaaS apps. Browse examples from Magnific, Alloy, Axiom.

Explore the examples

Magnific - Plans and pricing | Magnific Docs screen
Magnific logo
Magnific

Help center article explaining subscription tiers, featuring a three-pane layout with an app navigation rail and an open mega-menu popover.

Alloy - Workspaces · Alloy screen
Alloy logo
Alloy

Help center article explaining the concept of workspaces, how to view their settings, and how to delete them.

Axiom - Axiom Processing Language (APL) | Axiom Docs screen
Axiom logo
Axiom

Documentation article introducing the Axiom Processing Language (APL) with syntax examples, query structure, and common patterns.

Dock - Spaces · Dock screen
Dock logo
Dock

AI chat modal where the user asks an agent to find an onboarding checklist and reviews the suggested asset records and alternative search terms.

Bloom - Add Integrations to Your Store - Bloom Documentation screen
Bloom logo
Bloom

Documentation article explaining how to add and configure integrations like Stripe, Slack, and Klaviyo to a store.

Beside - Troubleshooting  Beside Help Center screen
Beside logo
Beside

Help center category page listing troubleshooting articles for various issues like billing, login, and call failures.

Family - Import a wallet from MetaMask | Family screen
Family logo
Family

Help center article providing step-by-step instructions on how to import a MetaMask wallet into the Family app using a Secret Recovery Phrase.

Copilot - Fidelity  Copilot Help Center screen
Copilot logo
Copilot

Help center article page for the Fidelity integration featuring a prominent search bar, breadcrumb navigation, and a right rail with related account update articles.

Exa - Usage | Exa API screen
Exa logo
Exa

Usage settings page where the user views their pricing overview filtered by API key and billing cycle, along with a history of past invoices.

Flora - Node Overview  FLORA Docs screen
Flora logo
Flora

Documentation article explaining the core concept of nodes and the node toolbar within the FLORA editor.

Assembly AI App Builder - Assembly Guide  Contact us screen
Assembly AI App Builder logo
Assembly AI App Builder

Help center article where the user finds instructions and links for contacting the support and sales teams.

Lovable - Prompting best practices - Lovable Documentation screen
Lovable logo
Lovable

Documentation article detailing best practices and strategies for writing effective prompts to generate UI components with the AI assistant.

Explore the full SaaS screen library

Upgrade to unlock the full library.

Trusted by the best teams