Skip to content
Admin & Dashboard

Developer Portal Template — Terminal-Green API Hub UI

Phosphor Portal is a developer portal template built for teams shipping an API-first product. Its design character is a deliberate terminal aesthetic: a fixed 240px monospace sidebar anchors the shell, breadcrumbs read like shell prompts, a command palette opens with the familiar shortcut, and block-cursor motifs echo a blinking cursor. Phosphor green is rationed to a sliver of every screen, so the accent color lands as signal rather than noise — a look that instantly reads as credible to engineering audiences.

The page set covers the full developer journey: a Portal Home with a quickstart path to a first API call, an API Reference rendered as code panes that developers expect to scan, an API Keys screen with a revocable key manager that models real credential workflows, and a Changelog feed that keeps integrators informed. Sign in, Create account, and Reset password flows complete the authentication loop, so the portal feels like a product rather than a mockup.

Because it is a webapp, this is an app UI that binds to real data when remixed — endpoints, keys, and changelog entries can come from your own backend instead of static content. It suits API platform teams, dev-tool startups, and SaaS companies whose buyers evaluate the docs before the demo. The structure converts because it mirrors how developers actually decide: quickstart first, reference depth second, and visible key management as proof the integration story is real.

Template details
Included pagesPortal Home, API Reference, API Keys, Changelog, Sign in, Create account, Reset password
TypeWeb app UI
CategoryAdmin & Dashboard
Themes3
Vasantha Kumar, Contributor
Published by Vasantha Kumar, Contributor
Developer Portal Template — full page preview
Open live preview

Screenshots

Every page in the Phosphor Portal template, plus the mobile layout.

Developer Portal Template — home page screenshot
Home
Developer Portal Template — api reference page screenshot
api reference
Developer Portal Template — api keys page screenshot
api keys
Developer Portal Template — changelog page screenshot
changelog
Developer Portal Template — login page screenshot
login
Developer Portal Template — signup page screenshot
signup
Developer Portal Template — forgot password page screenshot
forgot password