> ## Documentation Index
> Fetch the complete documentation index at: https://v0.x-docs.novu.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction to Notification Center

> Learn more about Novu's Notification Center.

The notification center is a component, also sometimes referred to as a widget that furnishes your web application with a beautiful and smooth In-App notification experience for users.

In-App notifications are different from push notifications in the sense that In-App notifications are consumed by the user in your app itself, whether push notifications are shown on the device level. Read more about [push channel and supported providers.](/channels-and-providers/push/overview)

Novu provides a pre-built, ready-to-use, and customizable UI component. It also allows you to bring your own UI via a headless component which can be used to add In-App notifications to any platform.

<iframe src="https://www.loom.com/embed/e1a6a16b024a408eafb15dfcc2d2e0c3" width="100%" height="400px" frameBorder="0" allowFullScreen />

## Example

[![Edit kind-nova-xv6s9g](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/kind-nova-xv6s9g?fontsize=14\&hidenavigation=1\&theme=dark)

## Why use the Novu notification center?

* Users can manage subscriber preferences from the notification center itself.
* You want to notify about any product activity related to the user.
* Prebuilt UI component so no need to build UI from scratch.
* Highly customizable as per your product design system.
* Multi-device real-time notification experience powered by web sockets.
* Secure your connection using HMAC encryption.
* Have multi-tabs notification experience.

## Concepts

1. `In-App notification`:- In-App notification is a message sent to the subscriber using an In-App channel step in the workflow.
2. `In-App notifications feed`:- List of all In-App messages sent to a particular subscriber.
3. `feeds`:- feeds are stores/tabs in which In-App messages can be grouped. One message can be in only one feed.
4. `notification actions`:- Notification actions are cta buttons below notification content that can be clicked to perform any action or external API call.
5. `redirect url`:- When a single notification item from the list is clicked then it can be configured to perform an action or redirect to any URL.

## UI Libraries

1. [React](/notification-center/client/react/get-started)
2. [Vue](/notification-center/client/vue)
3. [Angular](/notification-center/client/angular)
4. [Web Component](/notification-center/client/web-component)
5. [Headless](/notification-center/client/headless/get-started)

## Backend SDK Methods

[Backend sdk methods](/notification-center/backend/methods)