Freeframe
Business10 pages · 4 downloads · Free

Forge

A dark, terminal-inspired website for an API product, with a typed live code sample, an API explorer and usage-based pricing.

Stack
v1.0.1 changelog
DocsLive demo Download .zip251 KB

About this template

Forge is a developer-first marketing site for a fictional webhooks API. The home page opens on a code sample that types itself in curl, Node, Python or Go and then receives an animated response, followed by an interactive request inspector, an SVG latency chart and customer quotes. It also has usage-based pricing with a volume calculator, a quickstart with synced and remembered language tabs, a filterable SDK directory, a status page with 90-day uptime bars, a filterable changelog, a company and careers page, a sales form and an API key sign-up demo.

Features

  • Hero code sample that types itself in curl, Node, Python or Go, then streams in the JSON response and delivery results
  • API explorer: pick one of five endpoints, edit parameters and get realistic JSON, headers, status codes, latency and 404/422 errors
  • Usage-based pricing with a monthly / annual switch and a volume slider that picks the cheapest plan and itemises overage tiers
  • Quickstart with copyable code blocks and language tabs that stay in sync across the page and are remembered on every page
  • Status page with a component-by-region grid, 90-day uptime bars per region with hover and keyboard tooltips, and incident timelines
  • Filterable changelog (feature, improvement, fix, breaking) and SDK directory with type filters, search and shareable URLs
  • API key sign-up demo that validates the form and generates a masked test key with reveal and copy
  • Sales form with work-email check, character counter and volume preselected from the pricing calculator
  • Terminal-inspired dark design: framed hairline grid, IBM Plex Mono accents, one amber accent and SVG diagrams
  • SEO and Open Graph tags, SVG favicon, 1200×630 social image, skip link and reduced-motion support

Pages included

Quick start

unzip forge.zip && cd forgeopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Forge documentation →

Changelog

  1. v1.0.1

    Fixed

    • The scheduled maintenance notice on the status page is now a rolling demo date (the next Thursday at least three days away, STATUS.maintenance = null), so it never announces maintenance that has already happened.

  2. v1.0.0

    Added

    • Initial release with 10 pages: Home, Quickstart, SDKs and tools, Pricing, Changelog, Status, Company & careers, Talk to sales, Get an API key, 404.
    • Hero code sample that types itself in curl, Node, Python or Go, then streams in the JSON response and delivery results
    • API explorer: pick one of five endpoints, edit parameters and get realistic JSON, headers, status codes, latency and 404/422 errors
    • Usage-based pricing with a monthly / annual switch and a volume slider that picks the cheapest plan and itemises overage tiers
    • Quickstart with copyable code blocks and language tabs that stay in sync across the page and are remembered on every page
    • Status page with a component-by-region grid, 90-day uptime bars per region with hover and keyboard tooltips, and incident timelines
    • Filterable changelog (feature, improvement, fix, breaking) and SDK directory with type filters, search and shareable URLs
    • API key sign-up demo that validates the form and generates a masked test key with reveal and copy
    • Sales form with work-email check, character counter and volume preselected from the pricing calculator
    • Terminal-inspired dark design: framed hairline grid, IBM Plex Mono accents, one amber accent and SVG diagrams
    • SEO and Open Graph tags, SVG favicon, 1200×630 social image, skip link and reduced-motion support
    • Full documentation in DOCS.md.

More templates