GodUIGodUI
113Follow on X

Your entire stack, connected

Scroll to light up the pipeline.

API Core
Database
Auth
Payments
Analytics

Beam Draw

tsx
import { BeamDraw } from "@/components/godui/beam-draw";export function Pipeline() {return (  <div className="relative aspect-[5/2] w-full rounded-2xl border">    {/* Beams draw from the left core to each node as you scroll. */}    <BeamDraw preserveAspectRatio="none" className="absolute inset-0 size-full" />    <Node className="left-0 top-1/2">API Core</Node>    <Node className="right-0 top-[10%]">Database</Node>    <Node className="right-0 top-[37.5%]">Auth</Node>    <Node className="right-0 top-[62.5%]">Payments</Node>    <Node className="right-0 top-[90%]">Analytics</Node>  </div>);}