Early price: everything for $99, lifetime

Components

Curtain Nav

Pro

Installation

ProRequires a Planes Pro license.
pnpm dlx shadcn add @useplanes/curtain-nav

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 170 Pro components · lifetime updates.

I have a licenseGet Pro
import { CurtainNav } from "@/components/ui/CurtainNav";

<CurtainNav
  logo={<Wordmark />}
  sections={[
    {
      id: "product",
      label: "Product",
      groups: [
        { label: "Explore the product", links: [{ label: "Overview", href: "/overview" }] },
        { label: "Latest releases", links: [{ label: "Audit log", href: "/changelog" }] },
      ],
    },
    { id: "pricing", label: "Pricing", href: "/pricing" },
  ]}
>
  <main>{children}</main>
</CurtainNav>

Use cases

  • Marketing site header

    A product site with more links than a single row can hold, where each section deserves room to breathe.

  • Documentation shell

    Group references, guides and changelogs under one trigger without sending people to an index page first.

  • Launch page

    Put the newest releases in the second column so they are the first thing under the blind.

  • Replacing a crowded dropdown

    When a dropdown panel has outgrown its card and needs the full width of the page.