(function (w, d, s, l, i) {
  w[l] = w[l] || [];
  w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  var f = d.getElementsByTagName(s)[0],
    j = d.createElement(s),
    dl = l != "dataLayer" ? "&l=" + l : "";
  j.async = true;
  j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  f.parentNode.insertBefore(j, f);
})(window, document, "script", "dataLayer", "GTM-KXMC4XP2");


_linkedin_partner_id = "5915650";
window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
window._linkedin_data_partner_ids.push(_linkedin_partner_id);


Platform

API Reference

SDKs & Libraries

Authorization

Novu

UI Components

Framework

Community

Get Started

Blog

Contact us

v0.x

React

React SDK Reference

Novu is a full-stack (UI Components, API, and Framework) open source notification infrastructure platform for building, managing, delivering, and monitoring all types of end-user notifications.

What is Novu

How Novu Works

Learn how to quickly get started with Novu Framework.

Quickstart

Start extending Novu by building using the Framework SDK.

Introduction

Local Studio

Next.js

How to send notifications with Next.js and Novu Framework

Express.js

How to send notifications with Express.js and Novu Framework

Remix

How to send notifications with Remix and Novu Framework

NestJS

How to send notifications with NestJS and Novu Framework

Svelte

How to send notifications with Svelte and Novu Framework

Nuxt

How to send notifications with Nuxt and Novu Framework

How to send notifications with H3 and Novu Framework

AWS Lambda

How to send notifications with AWS Lambda and Novu Framework

Workflows are at the core of responding to events in your system with notifications. Novu Framework enables you to declare type-safe, validated, and version-controlled Workflows with code.

Workflows

Managing Trigger Events from Request to Processing

Trigger

Subscribers

Learn how to customize and extend any aspect of the Novu platform using the Framework SDK powered bridge endpoint.

Framework Endpoint

Environments

Preferences

Topics

Learn about how to implement multi-tenant notifications in Novu

Multi-tenancy

Integrations

Introduction to Novu

Novu Architecture Diagram

Overview

Building notification workflows with the Novu Framework

Learn how to manage your notification workflow and allow no-code users to modify it.

Manage Content

Manage notification workflow content

Digest Engine

Collect multiple events to a single message with the Digest Engine

Delay

Delay Action Step

Learn how to send in-app notifications with Novu using external providers like FCM, Expo etc.

In-App Channel Introduction

Learn the process of configuring email providers with Novu

E-mail Provider Integrations

Learn the process of configuring and using sms providers with Novu

SMS Channel Overview

Learn how to send push notifications with Novu using external providers like FCM, Expo etc.

Push Channel Introduction

Learn the process of configuring and using chat providers with Novu

Chat Channel Overview

Learn how to add novu powered In-App Inbox to your React app

React Get Started

Learn how to style the pre built Inbox component

Styling

Styling the Inbox component

Tabs

Configuring Multiple Tabs

<Inbox />

<Bell />

<Notifications />

<Preferences />

<InboxContent />

Create Custom Inbox UI with React Hooks

NovuProvider

useNotifications

usePreferences

useCounts

useNovu

Learn how to localize the pre built Inbox component

Localization

Localizing the Inbox component

Learn how to prepare your inbox before going to production

Going to production

This guide outlines the key differences between the `@novu/notification-center` package and the new `@novu/react` package. Follow the steps below to migrate your application to the latest version.

Migration Guide

A lightweight, standalone package for building custom in-app notification interfaces with Novu, providing essential functionalities and flexibility.

Headless Inbox

Headless Inbox API Reference

Learn how to add Novu powered Inbox to your React Native app

React Native Get Started

Controls

Used to execute any custom code as a step in the workflow.

Custom Step

Custom Action Step

Bridge Endpoint

Syncing your local changes to the Novu Cloud Dashboard

Going to Production

GitHub Actions

Get started and get involved with the Novu Project

Community Overview

Understand the difference between Novu Project and Novu Cloud

Novu Project and Novu Cloud

Deploy with Docker

Telemetry

The set of rules and guidelines that govern interaction among community members

Code of Conduct

Novu Community Code of conduct

Your guide for engaging with the Novu Community

Get Involved

Get involved with the Novu Community

See the most recent changes and learn about how to shape Novu's future

Changelog

Roadmap

Learn how to configure your local machine to run Novu

MacOS/Linux

Learn how to configure your local Windows machine to run Novu

Windows

Prerequisites and steps to run Novu in local machine. Learn how to set up Novu on your local environment for testing and development.

Run Novu in local machine

Learn how to enable/disable specific features in Novu

Feature Flags

Monorepo Structure

Add a New Provider

Add a new provider

Client

Workflow

Workflow Interface

Step Interface

Email

Email Channel Step

In-App

In-App Channel Step

SMS Channel Step

Push

Push Channel Step

Chat

Chat Channel Step

Digest

Digest Action Step

Custom

NodeJS SDK

PHP SDK

Laravel SDK

Python SDK

Kotlin SDK

Java SDK

Ruby SDK

Go SDK

C#/.NET

React Native

React Native SDK Reference

Headless

Headless SDK Reference

Novu supports advanced user authentication capabilities like OAuth, SSO, MFA and more, providing enterprise customers with a robust, secure, and user-friendly authentication solution.

Authentication

Learn how to enable Single Sign-On (SSO) for your account.

SAML SSO

Single Sign-On (SSO) for your account

Manage your billing and payment information, view invoices, and upgrade your subscription plan.

Billing

Billing and Payments

You shouldn't have to reinvent the wheel. Here we share how to implement several real-world use cases of notifications workflows.

Common Notification Workflow Examples

Send OTPs without setting up your own infrastructure

OTP (One-Time Password)

Help users reclaim access to their account via the 'Password Reset' or 'Forgot Username' functions

Password Reset

Recent Login

Send invoices or receipts immediately after a user purchases

Invoice Receipt

Let buyers know their order is on the way!

Shipping Confirmation

Grow your business faster by asking users to leave a positive review

Feedback & Reviews

Send a digest notification email by batching different types of notifications from multiple workflows

Multi Workflow Digest

Multi Workflow Digest Summary

Translate notification content to different languages using i18n

Translations

Integrate with Segment

How To Integrate Segment With Novu

Common questions related to security, compliance, privacy policy and terms and conditions

Server-Side

Client-Side

React SDK Reference