What a SaaS page is made of
Hero, social proof, feature blocks, pricing, FAQ, footer. The names are boring on purpose — the variations inside each one are where the work is. We cover the variants that ship at scale and the ones that read as junior.
Back
For SaaS
Ship a SaaS that looks like Linear, not a template.
Hero patterns, pricing tables, dashboards, and tuned AI prompts — sorted by what they do, not what's trending.
Every SaaS landing page has the same handful of parts: a hero that answers what this is, a pricing table that handles three tiers and one objection, social proof that's specific, a dashboard preview that earns trust, and a footer that doesn't sprawl. onedb names each part the way the industry names it, shows the examples that actually ship at Linear, Stripe, Vercel, and Notion, and hands you a tuned AI prompt so Cursor or Claude builds it the right way the first time.
Start here
Webapp Parts & Types
What a web page is made of, and the ways to make each part.
OpenLanding Pages
Dope landing pages, screen-grabbed and credited.
OpenUI Libraries
The kits people actually paste into their apps.
OpenDev Tools & Libraries
The libraries the good teams actually reach for.
OpenType, Color & Icons
Typefaces, palettes, and icon sets worth stealing.
Open
Pricing tables that survive sales calls
Three tiers, an annual toggle, a recommended pill, and one line that pre-answers the objection. If your pricing page has more than seven price-relevant words, it's probably hiding the price.
Dashboards that look like product, not a demo
Editorial spacing, tabular numbers, a single accent color, and at most one motion per screen. The patterns in our `app-structure` collection are tuned for production, not Dribbble.
Questions about SaaS
Is this a SaaS boilerplate?
No — onedb is the reference desk that pairs with whichever boilerplate you ship on. The Boilerplates collection lists the kits people actually ship with; everything else is the pattern library and the prompts.
Will the prompts work with Cursor / Claude / v0?
Yes. Each prompt is stack-agnostic and produces one tight component — not a whole page — so it slots into whatever framework you're already in.
Do you cover SaaS pricing pages specifically?
Yes. Pricing is a first-class part inside the Webapp Parts & Types collection, with the three-tier variant, the usage-based variant, and the enterprise-tier variant each broken down.