Glass Header

pnpm dlx shadcn@4.14.1 add @glassyui/glass-header

import { GlassHeader } from "@/components/glassyui/glass-header";
import { GlassButton } from "@/components/glassyui/glass-button";

export function Header() {
  return (
    <GlassHeader
      brand={<a href="/">Acme</a>}
      actions={
        <GlassButton asChild size="sm" variant="prominent">
          <a href="/start">Get started</a>
        </GlassButton>
      }
    >
      <a href="/features">Features</a>
      <a href="/pricing">Pricing</a>
      <a href="/docs">Docs</a>
    </GlassHeader>
  );
}

<GlassHeader brand={<a href="/">Acme</a>} position="static">
  <a href="/features">Features</a>
  <a href="/pricing" aria-current="page">Pricing</a>
</GlassHeader>