Design Atlas
Type
gallery
Verdict
Useful
Licence
Conditional licence, proprietary paidproprietary-paidFree preview, and Pro costs $18 a month, $48 a quarter or $140 a year at review; a quote plan covers invoicing. Sold through Lemon Squeezy. The terms cover billing but give no reuse licence for screenshots or Figma files
Agent channels
none
Pricing
freemium
Reviewed

← Atlas · Topics: landing-pages, ux-patterns, inspiration

SaaSFrame ​

Type
gallery
Verdict
Useful
Licence
Conditional licence, proprietary paidproprietary-paidFree preview, and Pro costs $18 a month, $48 a quarter or $140 a year at review; a quote plan covers invoicing. Sold through Lemon Squeezy. The terms cover billing but give no reuse licence for screenshots or Figma files
Agent channels
none
Pricing
freemium
Reviewed

What it is ​

SaaSFrame is a paid reference library of SaaS design that covers both sides of a product: marketing websites and the in-app interface. The site cites 5,000+ examples; at review its sitemap listed about 6,100 example pages across roughly 320 SaaS companies, plus about 500 flows. It is run by a solo maker (the FAQ gives an unmake.io contact) who also sells a Figma-to-Webflow build service from the same site.

When to open it ​

When one project spans a landing page and the product behind it, for example a pricing page, the sign-up flow it leads to, and the empty dashboard after that. It is also good for finding real examples of a single UI pattern, such as API key screens or audit logs.

Most useful ​

  • Website categories: 40 page types, led by landing (289), pricing (211) and about (128) at review, with rarer ones like changelog, security, comparison and affiliate pages
  • Section tags: about 30 section types (bento grid, calculator, pricing plan comparison, infinite marquee, cookie banner)
  • Product categories: account setup (598), onboarding (352), settings, sign-up flows and empty states
  • Pattern index: roughly 120 UI patterns, including AI chat, AI generation state, prompt input, citations and multi-factor authentication
  • Flows that put screens in journey order, version comparisons of redesigned pages, and a search over the text inside screenshots (Pro)
  • Figma files of website pages and mobile versions (Pro)

Using it with agents ​

There is no API, MCP or llms.txt. Screenshots and files sit behind a login. Use it as human research: pick a flow, then describe the step order and states to your agent. Paste in copy you rewrite yourself, not the text in the screenshots.

Watch out for ​

  • The free tier is a preview; full browsing, filters, text search and Figma files need Pro
  • Prices differ between pages ($14 a month and $139 a year on the home page, $18 a month and $140 a year on the pricing page)
  • The refund window is 24 hours in the terms but 7 days in the pricing FAQ
  • Nothing says whether the downloadable Figma files of third-party sites may be reused

Reusable ideas ​

  • Link each marketing page to the product screens it leads to, so the whole funnel is visible
  • Index UI patterns separately from page categories; they answer different questions
  • Keep old versions of a page next to the new one to show what a redesign changed

Saaspo, Mobbin, Best SaaS Web Designs, Landbook, Sections.wtf