Halo Notification

Inline notification card for React and shadcn/ui with rim variants, staggered text animation, and a dismiss button.

Updated

Local notification

Brief status or alert messages with a frosted surface, icon, title, and body copy. Enter and exit with slide and fade from the top or bottom edge.

Saved to workspace

Your changes are synced. You can continue editing or invite collaborators from the share menu.

Halo Notification is a React notification card for shadcn/ui and part of the Halo kit, built with Motion. Use it for inline alerts and status messages you show and hide locally with AnimatePresence instead of a global toaster.

Installation

pnpm dlx shadcn@latest add @cult-ui/halo-notification