SaaS Pricing

pricingfrom SaaS Clean

Live

AI Usage Rules

Always show 3 pricing tiers. Highlight the recommended plan with a border accent.

Code Template

<section className="bg-white py-24"><div className="mx-auto max-w-7xl px-6 lg:px-8"><h2 className="text-3xl font-bold text-center text-gray-900">{title}</h2><div className="mt-16 grid grid-cols-1 gap-8 md:grid-cols-3">{plans}</div></div></section>

Props Schema

Property	Type	Default	Description
plans	array	—
title	string	—

View raw JSON schema

{
  "type": "object",
  "properties": {
    "plans": {
      "type": "array",
      "items": {
        "type": "object",
        "properties": {
          "name": {
            "type": "string"
          },
          "price": {
            "type": "string"
          },
          "features": {
            "type": "array"
          }
        }
      }
    },
    "title": {
      "type": "string"
    }
  }
}