The <Inbox /> infrastructure for modern products

The notification platform that turns complex multi-channel delivery into a single <Inbox /> component. Built for developers, designed for growth, powered by open source.

START FOR FREE Visit Docs

Notifications brands count on

Used and loved by developers and product teams around the world.

Just copy and ship

Add a powerful notification inbox to your app with 6 lines of code. It's that simple.

1
2import React from 'react';
3import { Inbox } from '@novu/nextjs';
4 
5export function NotificationInbox() {
6  return (
7    <Inbox
8      applicationIdentifier="YOUR_APPLICATION_IDENTIFIER"
9      subscriberId="YOUR_SUBSCRIBER_ID"
10    />
11  );
12}

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 13: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 13:45 PM

Novu dark

<Inbox /> batteries included

Start with a component, scale with a platform. Everything you need to build a world-class notification system.

User Preferences
Allow users to customize their preferences using the built-in component.
Snooze
Let users Snooze a message to when they will need it most. (Coming soon)

Real-time
Enable real-time notification delivery in your dashboard with zero setup.
Workflow Orchestration
Unified API for multi-channel notification workflows.

Digest Engine
Combine multiple notifications in to a single Email or SMS message.
Block Based Email Editor
Create beautiful customizable emails with our block based editor.

All your channels in one platform

True omnichannel notifications are just a few clicks away

In-App
Display real-time, contextual notifications within your app using customizable components.
Email
Send targeted emails for confirmations, reports, and updates to ensure clear communication.
Push
Deliver instant notifications to users' devices, ensuring real-time engagement and immediate updates.
SMS
Send reliable text messages for authentication and alerts, even without internet access.
Chat
Engage users through instant messaging apps and platforms, enhancing communication and support.
Custom
Create tailored notification channels to meet your specific needs and integrate seamlessly.

Beautiful Emails, not HTML Tables

Create dynamic emails with our block based content editor powered by React Email.

Configure Template

Editor

SubjectSecure Login Link – Sign In

Part of your Stack

Integrate with the tools you love. From frameworks to delivery providers, like Twilio, Resend, React Email, Clerk, Stripe and more.

Get started

1import { workflow } from '@novu/framework';
2import { z } from 'zod';
3import { render } from '@react-email/components';
4
5workflow('weekly-comments', async ({ step }) => {
6  const digest = await step.digest('collect-events', () => ({
7    cron: 'weekly'
8  }));
9
10  await step.email('email', async () => {
11    const { data } = await supabase.from('posts').select('*');
12
13    return {
14      subject: 'React based email',
15      body: render(<WeeklyDigestEmail comments={digest.events} posts={data} />)
16    }
17  ), {
18    skip: () => !digest.events.length,
19  });
20}, { 
21  payloadSchema: z.object({ userName: z.string() }),
22});
23

Start Simple, Scale to Code

Begin with our intuitive UI, break into code when you need run-time control, react email or local data access. You choose when to level up, the ultimate escape hatch.

Learn More