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 liveThe 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
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.
Learn more
- Default
- Notion dark
- Notion light
- Linear Dark
- Linear Light
1import { Inbox } from "@novu/react";
2
3const tabs = [
4 {
5 label: "All",
6 value: [],
7 },
8 {
9 label: "What's New",
10 value: [ 'new' ],
11 },
12 {
13 label: "Alerts",
14 value: [ 'alerts' ],
15 }
16];
17
18function Novu() {
19 return (
20 <Inbox
21 applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
22 subscriberId="YOUR_SUBSCRIBER_ID"
23 tabs={tabs}
24 />
25 );
26}
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 moreMultiple 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.
For the best Inbox, Ready. Set. Go.
Ready
Create a Novu account, and pick your framework of choice.
Ready - OverviewSet
Add the Novu Inbox import to your code.
Set - React Quickstart
Go
Trigger and deliver notification to the end user.
Go - Trigger a Notification
We're ready for your requirements...
Whatever your use case, Novu is ready. Start for free, no credit card required.
