Get everything for $99, lifetime

Components

Notch

Pro
PlanesFileEditViewWindowHelp
Wed 9:41 AM

Hover the notch

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/notch

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 · 161 Pro components · lifetime updates.

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

<Notch
  fixed
  items={[
    { href: "/#features", label: "Features", hint: "What it does" },
    { href: "/faq", label: "FAQ", hint: "Licence, trial" },
  ]}
  footer={<a href="/app.dmg" className="...">Download</a>}
/>

Use cases

  • Site navigation for a Mac app

    The nav is the product's own idea, so the site demonstrates it before saying it.

  • Landing page header

    Three links and a download button in one glance, with no header bar on a black hero.

  • Launch teaser

    Swap the footer for an email capture until the app ships.