$129 intro price

Components

Announcement Bar

Pro
Acme

Hover the bar to wake the dither from the side you came in. Dismiss it and the strip folds away.

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/announcement-bar

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

Unlock with Planes Pro

$129 once · 159 Pro components · lifetime updates.

import { AnnouncementBar } from "@/components/ui/AnnouncementBar";

<AnnouncementBar
  title="Acme 2.0 is live"
  description="Faster builds, a new editor and a free tier for side projects."
  href="/changelog"
  linkLabel="Read the notes"
  storageKey="acme-2-launch"
/>

Use cases

  • Launches and releases

    A version or feature announcement above the navbar that comes alive under the cursor.

  • Pricing deadlines

    An intro-price or sale notice with a per-campaign storage key, so returning visitors who closed it don't see it again.

  • Events and webinars

    A one-line invite that folds away cleanly when dismissed, without shifting the page in one jump.