runkiwi.dev — marketing website

The marketing site for Kiwi: the planner and the swarm for shipping teams. Describe a task, and Kiwi decomposes it into a worker DAG, runs a swarm of agents in parallel on a single branch, and opens one verified PR — on our managed cloud, or in your own VPC.

Built with Next.js 16 (App Router, Turbopack), React 19, and Tailwind v4. The engineering product itself lives in the kiwi repo; this repo is only the public site.

Getting started

npm install
npm run dev      # http://localhost:3000

Other scripts: npm run build (production build), npm run start (serve the build), npm run lint.

Content accuracy

Keep site copy faithful to how the product actually works — the engineering lives in the kiwi repo, so check claims against its README before shipping:

• What Kiwi does: decomposes a task into a worker DAG and runs a swarm of agents that converge on one branch / one verified PR — on Kiwi's managed cloud, or BYOC in your own.
• It does what you ask. The task description is the objective; the test command is a guard proving the change broke nothing, not the definition of done. Additive work is ordinary work. Never frame the product as fixing a failing test or chasing a green build.
• Security model: customer credentials are X25519-sealed to the daemon and the LLM Actor/Critic run in the daemon process, so model-generated code never sees the key. The sandbox is two-phase: install with the network on and an empty environment, then verify with the network off. State it precisely — model-generated code never has network access, and the phase that does never holds a secret.
• Zero setup is real: the runtime image, the test command and the target files are inferred from the repo, and the daemon self-corrects when it guesses wrong. A prompt and a repo, nothing else.
• Pro is a contact flow. Stripe checkout is not live — never imply a card purchase.
• "Zero-knowledge" is a BYOC-only property. In managed mode Kiwi operates the machine that holds the private key and can decrypt — never present zero-knowledge as a blanket promise.
• Model providers: Anthropic, OpenAI and Gemini, all first-class, all BYOK — the customer connects their own key in every tier. The model id picks the provider (gemini-* → Gemini, gpt-*/o1/o3/o4 → OpenAI, everything else → Anthropic); see pkg/provider/naming.go in the kiwi repo. There is no "Codex" provider — that placeholder was retired; write OpenAI.

Structure

src/
  app/
    layout.tsx        # fonts (Fraunces/Outfit/Inter/Fira Code), metadata, film-grain overlay
    page.tsx          # section order for the homepage
    globals.css       # the entire design system + component styles (no CSS modules)
  components/
    Header.tsx        # sticky nav + "Start free" CTA
    Hero.tsx          # headline + install command
    HeroDemo.tsx      # self-playing "live run" of a swarm (mirrors the How-it-works narrative)
    ValueBanner.tsx   # one-line positioning + trust strip
    Marquee.tsx       # honest stack/integration strip (only tools we actually use)
    GodView.tsx       # "How it works" — the DAG → swarm → one-branch → one-PR console
    FeaturesGrid.tsx  # differentiation-led feature cards
    TierLadder.tsx    # Managed → BYOC comparison (the honest ladder)
    TopologyCanvas.tsx# control-plane/data-plane pull-model DAG canvas (@xyflow/react)
    Quickstart.tsx    # Managed / BYOC tabs + security panel
    Footer.tsx
    Reveal.tsx        # the single reveal-on-scroll animation vocabulary (framer-motion)

Design system notes

• All styling lives in src/app/globals.css as plain CSS driven by CSS custom properties — there are no CSS modules and only utility-level Tailwind. Reuse the existing tokens (--primary, --secondary, --bg-*, --text-*, --font-display, etc.).
• The page alternates a warm dark default theme with cream sections (.theme-cream on a <section> re-tunes the tokens for AA contrast on light). Keep the dark/cream rhythm in mind when reordering sections in page.tsx.
• Wrap animated-in blocks in <Reveal> / <RevealItem>; it honors prefers-reduced-motion.
• Kiwi green (--primary) is the accent; amber/terracotta (--secondary) is the only secondary. No cool slate, no cyberpunk cyan.

Deployment

Deployed on Vercel (vercel.json, @vercel/analytics).