SaaS Header

headerfrom SaaS Clean

Live

AI Usage Rules

Keep navigation to 4-5 items max. Include sign-in and sign-up CTAs.

Code Template

<header className="bg-white border-b border-gray-200"><nav className="mx-auto max-w-7xl px-6 flex items-center justify-between h-16"><div className="flex items-center gap-8"><span className="font-bold text-xl">{logo}</span>{navLinks}</div><div className="flex items-center gap-4">{authButtons}</div></nav></header>

Props Schema

Property	Type	Default
logo	string	—
navLinks	array	—
authButtons	array	—

View raw JSON schema

{
  "type": "object",
  "properties": {
    "logo": {
      "type": "string"
    },
    "navLinks": {
      "type": "array"
    },
    "authButtons": {
      "type": "array"
    }
  }
}