Skip to content

Dark Precision Site

A complete launch site for a developer platform in the Linear/Vercel register: a nav that morphs into a command palette, a hero on a routing lattice of light, a trace console, beams that deliver, a circuit of features, pricing lit by a usage slider, a WebGL light-cone call to action and a horizon-lit footer.

ProDark Precisionminimalneon

This is a viberdy Pro component

The live preview, the props panel and the write-up are open to everyone. The full source, the AI prompt and CLI install are part of Pro.

Preview
Router 2.0 is live

Every request on the fastest path.

Oraxis routes inference across 41 regions and 12 model providers, picks the quickest healthy path for each call, and shows you every hop.

Start buildingRead the docs
  • p50 38 ms
  • 41 regions
  • 99.99% uptime

Trace console

Every hop, measured.

Open any request and see where its time went: edge, router, cache, provider, stream.

Requests · last 60s

req_8f2a·POST /v1/chat

200 · 249 ms

  1. Edgefra12 ms
  2. Routerfastest healthy3 ms
  3. Cachemiss1 ms
  4. Providerfirst token31 ms
  5. Stream412 tokens212 ms

Integrations

Plug in anything that speaks HTTP.

Requests arrive from your app, your agents and your jobs. Oraxis answers from the right model and writes every hop to your traces.

Your app

TypeScript SDK

Agents

tool calls

Batch jobs

queue

Router

Model providers

12 connected

Vector store

pgvector

Traces

OpenTelemetry

Platform

Everything between your prompt and the first token.

One router in front of every model you use, with the parts you would otherwise build yourself.

p50 38 ms

Fastest-path routing

Each call races the healthiest region and provider, decided per request.

0 dropped

Automatic failover

When a provider stalls, the request moves mid-flight. Your users never see it.

41% hits

Semantic cache

Near-duplicate prompts answer from cache in single-digit milliseconds.

312 checks

Evals on every deploy

Each release runs your eval suite before it takes traffic.

per key

Spend limits

Budgets per key, per team and per model, enforced at the edge.

30 days

Full traces

Every hop, token and retry, searchable for 30 days.

Oraxis Router
  • 41 regions
  • 12 providers
  • 0 cold starts

Pricing

Pay for requests, not seats.

Drag to your monthly volume. Prices update as you go, and the plan that fits lights up.

Requests a month

Drag, or use the arrow keys

Hobby

For side projects and first prototypes.

Over its limit

  • 1M requests a month
  • 3 regions
  • Community support
Start free

Pro

Fits

For products with real traffic.

$23a month

  • 10M requests included
  • All 41 regions
  • Semantic cache
  • Email support
Choose Pro

Scale

For teams routing at volume.

$400a month

  • 500M requests included
  • Dedicated routing pools
  • SSO and audit log
  • 99.99% uptime SLA
Choose Scale

Over a billion a month, or on your own cloud? Talk to us →

Route your first request in five minutes.

One key, every model. Free up to a million requests a month.

    No card needed. Keys arrive by email, never on screen.

    Props

    Scroll inside
    No runtime dependencies
    "use client";
    
    import { createContext, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
    import type { CSSProperties, FormEvent, KeyboardEvent as ReactKeyboardEvent, MouseEvent as ReactMouseEvent, PointerEvent as ReactPointerEvent, ReactNode, RefObject } from "react";
    
    /**
     * DarkPrecisionSite — the launch site of an AI routing platform, set in the
     * Dark Precision register: OLED black, 1px hairlines, and light as the only
     * ornament. Every light answers the pointer, and each view has one source.
     *
     * - A nav pill that morphs into a command palette (Cmd/Ctrl + K), and back.
     * - A hero on a routing lattice: light pulses run the hairlines into the
     *   call to action, the lattice lights up under the pointer, and the
     *   headline is revealed once by a scanning light.
     * - A trace console on a pointer-lit card: pick a request, read its hops.
     * - Integrations joined to the core by beams that deliver: a pulse leaves a
     *   source, the core lights, the response goes out.
     * - Features as nodes on a hairline circuit, with pulses running out of the
    
      // ---------------------------------------------------------------
      // Full source available with a viberdy Pro subscription.
      // https://viberdy.dev/pricing
      // ---------------------------------------------------------------
    }
    Notes

    About this page template

    A whole launch site for a developer platform, designed as one piece and then cut into the Dark Precision kit. The nav is a floating pill that grows into a command palette in place, on Cmd or Ctrl + K or from its search button, and shrinks back on Escape. The hero sits on a lattice of hairline traces routed in from the edges: pulses of light run them into the call to action and swell a halo beneath it, the traces light up under the pointer, and hovering the button pulls three times as many. The headline is revealed once by a scanning light. A trace console on a pointer-lit card lets visitors pick a request and read where its time went, under a heading lit by a slit of light that follows scroll. Integrations are joined to the router by beams that deliver: a pulse leaves a source, the router lights, the response goes out. Features sit on a circuit around a core, with pulses running out to each node and the hovered node's trace lit. Pricing follows a usage slider: every price rolls to its new digits and a light moves to the plan that costs least at that volume. The closing call sits on a WebGL dot matrix under a light cone that leans toward the pointer, with an API-key form that streams a short log. The footer's giant wordmark is lit from below by a horizon of light that tracks the pointer. Every figure, price and name lives in one typed content object, DP_DEMO, marked as placeholder. It scrolls the page by default, or itself inside a fixed-height frame. Before launch, wire the form's onSubscribe, the footer and legal links (demo hrefs are bare #) and replace the figures with your own.

    Curator’s note

    The Dark Precision kit, drop 4: the site the kit's assets are cut from. Pro: a full page composing every device of the kit (the routing lattice, the orbit light, the morphing palette, the delivering beams, the circuit, the fit light, the WebGL cone) around one typed, placeholder-marked content object.

    Related

    Pairs well with

    Matched on shared tags and category — the entries most likely to be used alongside this one.

    Featured
    NewPro

    A first screen on a lattice of hairline traces where pulses of light run in from the edges and converge on the call to action, the traces light up under the pointer, and the headline is revealed by a scanning light.

    herocanvasbeams
    NewPro

    A complete neo-brutalist landing page for a software product: a throwable card-pile hero, stamped feature table, customer quotes, punched changelog ledger, sticker pricing, FAQ and a hazard-tape footer.

    templatelanding pagesaas
    Pro

    A complete launch page from the Bento Box kit: keynote figures, product captures, proof, pricing and a footer set as tiles, broken once by a full-bleed race between two builds.

    templatelanding pagelaunch page