mdxui

Products

SaaS, API, Data, and Headless product types

Products

Products are what businesses sell. Each product type has different characteristics, interfaces, and component renderings.

Product Types

SaaS Products

Subscription software with UI.

  • Revenue: MRR (Monthly Recurring Revenue)
  • Interface: Web app, API
  • Site: MarketingSite
  • App: SaaSApp

API Products

Pay-per-call or usage-based APIs.

  • Revenue: Usage-based
  • Interface: REST, GraphQL, tRPC
  • Site: APISite (docs, playground)
  • App: DeveloperApp

Data Products (DaaS)

Data subscriptions and datasets.

  • Revenue: MRR + Usage
  • Interface: API, downloads
  • Site: DataSite
  • App: DataApp

Headless Products

API-only for AI agents (no human UI).

  • Revenue: Usage-based
  • Interface: API, MCP
  • Site: APISite
  • App: HeadlessApp

Interface Types

TypeProtocolExposes
APIRESTEndpoints
RPCtRPC/gRPCProcedures
MCPModel Context ProtocolTools, Prompts
SDKLanguage-specificAPI wrappers

Rendering Products

Every Product can render as any component:

// Full application
<ProductApp product={product} />

// Page within a site
<ProductPage product={product} />

// Card in a list
<ProductCard product={product} />

// API response
renderJSON(product)

// AI tool
renderMCP(product)

Next Steps

On this page