northwind.com
Ship faster with Northwind
Scroll this panel — the navigation springs into a compact, blurred pill and the active link indicator follows along.
Analytics
Automations
Integrations
Security
Resizable Header
tsx
"use client";import { ResizableHeader } from "@/components/godui/resizable-header";import { useState } from "react";const links = [{ label: "Product", href: "product" },{ label: "Solutions", href: "solutions" },{ label: "Customers", href: "customers" },{ label: "Pricing", href: "pricing" },];export function HeaderDemo() {const [active, setActive] = useState("product");return ( <ResizableHeader links={links} activeHref={active} onNavigate={setActive} logo="Northwind" cta={ <button className="rounded-full bg-primary px-4 py-1.5 text-sm font-medium text-primary-foreground"> Start free </button> } />);}