code-anything.com
Log inStart free

Developer

Forge

Forge is a developer-first landing template built to sell an API, not document it. The dark charcoal canvas and a single vivid accent put a syntax-highlighted request front and centre, so the product demos itself above the fold. A "drop in three steps" row, a metrics-led features grid (latency, SDKs, webhooks, uptime), and a faux JSON response panel turn capability claims into something an engineer can read and trust in seconds.

Dark, precise, and engineered — a product that earns trust by showing the request, not describing it.

api-product.code-anything.app
{ }
Forgev2.4
● operationalSign inGet an API key
POST/v2/chargesv2 · REST + Webhooks

Ship payments-grade
APIs in an afternoon.

Forge gives you a typed client, signed webhooks, and sub-50ms responses from a single key. One endpoint that behaves the same in every language — no SDK sprawl, no surprise rate limits.

● 4,200+ teams in production
create-charge.shCopy
# create a charge with one request
curl -X POST https://api.forge.dev/v2/charges \
  -H "Authorization: Bearer $FORGE_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "amount": 1900,
    "currency": "usd",
    "capture": true
  }'
§ The surface

One base URL. Every verb you need.

34 endpoints · OpenAPI 3.1
basehttps://api.forge.devlive
POST/v2/chargesCreate and capture a chargetry it →47ms
GET/v2/charges/:idRetrieve a charge by idtry it →31ms
POST/v2/payoutsSend an instant payouttry it →52ms
PUT/v2/customers/:idUpdate a stored customertry it →38ms
GET/v2/eventsStream signed webhook eventstry it →44ms
DELETE/v2/webhooks/:idDetach a webhook endpointtry it →29ms
§ Quickstart

Drop in, in three steps

~5 min to first 200
01
Install the typed client

One command ships ESM, CJS, and Deno builds — generated from the same OpenAPI spec that powers the API.

$npm i @forge/sdk
02
Authenticate once

Drop a scoped secret key into an env var. Keys rotate live, with per-key rate budgets and audit trails.

$export FORGE_KEY
03
Make your first call

Send a request, read a typed response. Errors return structured JSON with a code you can branch on — never raw HTML.

$forge.charges.create()
§ Reliability

Built for production from request one

Every number below is measured, published, and backed by an error budget — not a marketing promise.

p99 latency
47ms
served from 14 edge regions
official SDKs
8
TS · Py · Go · Rust · +4
signed webhooks
HMAC
retried with backoff
uptime
99.99%
measured error budget
GET/v2/charges/:id

You always know what comes back

Responses are versioned and strictly typed. Idempotency keys make retries safe, and every object carries a stable id so you can reconcile against your own ledger without guesswork.

200 OKapplication/json · 47ms
{
  "id": "ch_3Qm1vX2eZ",
  "object": "charge",
  "amount": 1900,
  "currency": "usd",
  "status": "succeeded",
  "livemode": true,
  "created": 1751212800
}

Design rules

The system, applied to any site

Every rule below travels with the template — describe your tweaks and the agent keeps the system intact.

What it decides for you

  • Stay dark and near-monochrome: a near-black charcoal canvas (#0A0C10) with a slightly lighter panel surface (#12161D), and reserve the single vivid lime accent (#A3E635) for the primary CTA, active states, and key metrics — never as a background wash.
  • Lead with code, not a photo: the hero centres on a syntax-highlighted request in a windowed panel (curl or JS) with token colours for keywords, strings, and numbers, so the product demonstrates itself before any prose.
  • Use monospace deliberately: set all code, endpoints, status codes, and metric numerals in a monospace stack (ui-monospace, SFMono-Regular, Menlo) to signal "this is technical", and keep body copy in a clean sans-serif (Inter).
  • Favour hairline borders (#1E252F) and small 10px radii over shadows; separate sections with thin rules and generous vertical spacing rather than heavy cards or gradients.
  • Make claims measurable: state features as numbers with units (p99 latency in ms, uptime as a percentage, SDK count) so capability reads as evidence, and pair each with one short concrete sentence.
  • Keep contrast high and copy terse: bright text (#E8EDF2) on dark, muted grey (#8A95A5) for secondary lines, short imperative button labels, and no decorative filler.

Ships with

Top navigation with wordmark, links, and a sign-in / get-key pairDark hero with headline, subtext, two CTAs, and a code-block request panelDrop-in-in-three-steps row (install, authenticate, call)Features grid (latency, SDKs, webhooks, uptime) with metricsFaux JSON response panel showing a real-looking payloadFooter with product, developer, and company link columns

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Inter

Body

Inter

Radius

10px

Explore palettes

Keep looking

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.