# Novu - Full-stack Inbox for In-app notifications

Novu's Inbox is the easiest way to add a highly customizable notifications Inbox to your application or website.

# Add In-App Notifications with the most customizable

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

[See it live](https://inbox.novu.co/?utm_source=website_inbox_page)

## 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](https://docs.novu.co/inbox/react/components/overview)

-

### Built-in preferences

Your app users access and set their Preferences with ease.

[Built-in preferences - Learn more](https://docs.novu.co/platform/sdks/react/hooks/use-preferences)

-

### Popular frameworks

React, React-native, vanilla JavaScript, headless, and more.

[Popular frameworks - Learn more](https://docs.novu.co/inbox/overview)

-

### HMAC encryption

Component to Novu service communication and user identifiers are fully secured.

[HMAC encryption - Learn more](https://docs.novu.co/platform/sdks/react)

-

### Customizable

Seamlessly match your existing brand, styling, and customer-specified language.

[Customizable - Learn more](https://docs.novu.co/inbox/react/styling)

-

### Unified

Add channels like email, SMS, and WhatsApp, mirroring Inbox across touchpoints.

[Unified - Learn more](https://docs.novu.co/platform/quickstart/nextjs)

### Novu

Inbox

-

-

-

-

#### Your account is pending verification.

[\[email protected\]](/cdn-cgi/l/email-protection.md) 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.

[\[email protected\]](/cdn-cgi/l/email-protection.md) 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.

[\[email protected\]](/cdn-cgi/l/email-protection.md) 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.

[\[email protected\]](/cdn-cgi/l/email-protection.md) 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

Novu Light

Notion dark

Notion light

Linear Dark

Linear Light

-

-

-

-

-

-

## 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](https://go.novu.co/dashboard)

```javascript
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 tabs={tabs}
22 />
23 );
24}
```

## 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](https://docs.novu.co/inbox/react/components/overview)

## 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.

[Learn more](https://docs.novu.co/inbox/react/components/overview)

## For the best Inbox, Ready. Set. Go.

-

### Ready

Create a Novu account, and pick your framework of choice.

-

### Set

Add the Novu Inbox import to your code.

-

### Go

Trigger and deliver notification to the end user.

[Create account](https://go.novu.co/dashboard)

## We're ready for your requirements...

Whatever your use case, Novu is ready. Start for free, no credit card required.

[Get started](https://dashboard.novu.co/?utm_campaign=gs-website-inbox)[Contact us](/contact-us.md?utm_campaign=contact-inbox)