Skip to content

Circuit Feature Map

Features as nodes on a hairline circuit around a core chip: traces draw in on scroll, pulses run out of the core to each node, and hovering a node lights its trace, its pin and the core.

ProDark Precisionneonminimal

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

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

Props

10
Heading
No runtime dependencies
"use client";

import { createContext, useContext, useEffect, useRef, useState, useSyncExternalStore } from "react";
import type { CSSProperties, ReactNode, RefObject } from "react";

/**
 * CircuitFeatureMap — features as nodes on a hairline circuit.
 *
 * Feature cards sit around a core chip, three on each side on wide
 * screens, joined to the core's pins by traces with 45-degree chamfered
 * corners. The traces draw in as the section scrolls into view, then
 * pulses run out of the core to each node on a slow cycle, lighting cells
 * in the core as they leave and flashing at each node as they land.
 * Hovering or focusing a node lights its trace, its pin, the core and its
 * cells. On narrow screens the core sits on top and a bus runs down the
 * left edge.
 *
 * Part of the Dark Precision kit: OLED black, 1px hairlines, one cool accent

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}
Notes

About this section

A features section drawn as the hardware it describes. Six feature cards sit around a core chip, three on each side, each joined to its own pin on the core by a hairline trace with 45-degree chamfered corners. When the section scrolls into view the traces draw themselves in, one after another; then pulses of light run out of the core along each trace on a slow cycle, lighting a scatter of cells in the core as they leave and flashing where they land on the card. Hover or focus a card and its trace, its pin, its cells and the core's border all light up. On narrow screens the core moves to the top and a bus runs down the left edge to every card. The routing is measured from the real layout, so it redraws itself on resize.

Curator’s note

The Dark Precision kit's feature section (slot 7), cut from dark-precision-site. Pro: a measured SVG circuit with chamfered routing, scroll-triggered draw-in, synced pulse, pin and cell choreography, and a responsive bus layout.

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

Pricing driven by a usage slider on a log scale: every price rolls to its new digits as you drag, and a light moves to the plan that costs least at that volume, its arc growing as usage nears the next plan.

pricingsectionslider
New

A footer whose giant wordmark is lit from below by a horizon that is also a signal: a latency trace lit where the pointer is, with a request pulse that runs it every few seconds and lights the letters as it passes.

footersectionwordmark