Skip to main content

UI Providers Overview

spec-ui supports five OpenAPI documentation UI providers. Each is an independent package — import the one you want and only that provider's code is linked into your binary.

Comparison

ProviderStyleTry ItSearchThemesBest For
Stoplight ElementsThree-column sidebarYesYesLimitedModern, Stripe-esque design
Swagger UISingle-pageYesYesLight/DarkFamiliar, widely used
ReDocThree-columnNoYesLimitedRead-only, executive summaries
ScalarConfigurableYesYesManyFeature-rich, modern
RapiDocConfigurableYesYesManyLarge schemas, tabular view

Choosing a Provider

  • Stoplight Elements — Best default choice. Beautiful three-column layout, interactive "Try It" panel, great for developer portals.
  • Swagger UI — Most familiar to API consumers. Well-known interface with extensive ecosystem support.
  • ReDoc — Best for read-only documentation or executive-facing docs. Clean, minimal presentation.
  • Scalar — Most feature-rich. Built-in themes, code generation, and a modern interface. Great for public APIs.
  • RapiDoc — Best for large or complex APIs. Tabular schema representation and multiple render styles.

Provider Packages

Each provider has two variants:

ProviderCDN ImportEmbedded Import
Stoplight Elementsgithub.com/oaswrap/spec-ui/stoplightgithub.com/oaswrap/spec-ui/stoplightemb
Swagger UIgithub.com/oaswrap/spec-ui/swaggeruigithub.com/oaswrap/spec-ui/swaggeruiemb
ReDocgithub.com/oaswrap/spec-ui/redocgithub.com/oaswrap/spec-ui/redocemb
Scalargithub.com/oaswrap/spec-ui/scalargithub.com/oaswrap/spec-ui/scalaremb
RapiDocgithub.com/oaswrap/spec-ui/rapidocgithub.com/oaswrap/spec-ui/rapidocemb

Use CDN packages for lightweight binaries. Use embedded (*emb) packages for offline/air-gapped environments.