Add In-App Notifications with the most customizable <Inbox/>

Enable in-app notifications in your app or website with a pre-built and customizable components, available in popular frameworks.

See it live

The fastest way to create rich, customized application notifications

Versatile components
<Inbox/>, <Bell/>, <Notification/>, and user <Preferences/> provide the ultimate experience.
Versatile components - Learn more
Built-in preferences
Your app users access and set their Preferences with ease.
Built-in preferences - Learn more
Popular frameworks
React, React-native, vanilla JavaScript, headless, and more.
Popular frameworks - Learn more
HMAC encryption
Component to Novu service communication and user identifiers are fully secured.
HMAC encryption - Learn more
Customizable
Seamlessly match your existing brand, styling, and customer-specified language.
Customizable - Learn more
Unified
Add channels like email, SMS, and WhatsApp, mirroring Inbox across touchpoints.
Unified - Learn more

Novu <Inbox />

Inbox

Your account is pending verification.
steve@acme.co is pending verification, please verify your account to protect against fraud and abuse.
Today at 7:41 AM
Joe requested to view Q4 2024 report.
joe@acme.co requested view access to Q4 2024 report.
Last Friday at 8:40 PM
2 new comments from Radek and Dima.
You have 2 new comments on the Acme Figma file.
Last Monday at 1:45 PM
Your account is pending verification.
steve@acme.co is pending verification, please verify your account to protect against fraud and abuse.
Today at 7:41 AM
Joe requested to view Q4 2024 report.
joe@acme.co requested view access to Q4 2024 report.
Last Friday at 8:40 PM
2 new comments from Radek and Dima.
You have 2 new comments on the Acme Figma file.
Last Monday at 1:45 PM

Fits perfectly into your app

Deliver a rich in-app notification experience that completely mirrors your existing UX, not an afterthought or a bolt-on.

Get started

import { Inbox } from "@novu/react";

const tabs = [
  {
    label: "All",
    value: [],
  },
  {
    label: "What's New",
    value: [ 'new' ],
  },
  {
    label: "Alerts",
    value: [ 'alerts' ],
  }
];

function Novu() {
  return (
    <Inbox
      tabs={tabs}
    />
  );
}

Fast, composable, and simple to implement

Built for developers, with drop-in integration that can be infinitely customized, no matter your application, or use case.

Learn more

Multiple components for any InApp requirement

Configure layouts like bell-triggered popovers, side menus, full-page displays, or any other layout imaginable, with customizable styles and UI elements.

Actions
Streamline inbox management with bulk actions like marking as read or archiving all.
Bell
A recognizable notification indicator, alerting users to new messages or updates in real time with visual cues.
Easy to embed
Switch easily between the Inbox and platform sections.
Preferences
Allows users to customize how and when they receive notifications, ensuring a tailored experience.
Notification
Notifications deliver updates or messages to users in the Inbox. They can be customized with text, buttons, and links to suit different needs.