Ready-to-Use In-App Notifications

Stop reinventing the notification bell

Every time you build a system, the same pain emerges: how to display internal notifications that work well, in real-time and without bugs? That classic notification bell, the message drawer, or urgent toasts end up costing weeks of repetitive work.

Python SDK

from notnotify import NotNotify

# Initialize with your API Key
nn = NotNotify(api_key="your_api_key")

# Create notification
nn.notify(
    user_id="user_123",
    title="New user",
    body="Good things are coming",
    priority="info",
    data={"ticket_id": 456}
)

The problem we all face

Every project starts from scratch: read/unread states, real-time, counters, persistence, priorities, segmentation… In the end you invest weeks in something that's not your core business.

Reinventing the wheel

Dev teams reinvent the wheel in every application.

Inconsistent UX

Inconsistent user experience across products.

High costs

High costs and bugs in functionality that should be standard.

The solution

NotNotify combines simple APIs, a Python SDK for the backend and a JavaScript/React SDK for the frontend, along with pre-built components (notification bell, drawer and toasts with react‑toastify). You just style to your liking and you're done.

Custom notifications

Define title, body and data to link actions (deep links, IDs, etc.).

Powerful segmentation

Send to individual users, groups/teams or channels (e.g. "global", "project:123").

Clear priorities

Info, warning, critical to highlight what really matters.

Real-time included

Without worrying about sockets or servers.

React SDK

import { Bell, Drawer, Toaster } from '@notnotify/react'

// In your component
function App() {
  return (
    <div>
      <Bell />
      <Drawer />
      <Toaster />
    </div>
  )
}

Code in Action

See how NotNotify simplifies notifications in your application with just a few lines of code.

Python Backend

Create notifications from your server

server.py

from notnotify import NotNotify

# Initialize with your API Key
nn = NotNotify(api_key="nn_live_...")

# Create notification for a user
nn.notify(
    user_id="user_123",
    title="New message",
    body="You have a message from @john",
    priority="info",
    data={"message_id": 456, "sender": "john"}
)

# Notification for a team
nn.notify_team(
    team_id="team_456",
    title="Successful deployment",
    body="Version 2.1.0 deployed successfully",
    priority="success"
)

React Frontend

Display notifications in your app

App.jsx

import { Bell, Drawer, Toaster } from '@notnotify/react'
import { NotifyProvider } from '@notnotify/react'

function App() {
  return (
    <NotifyProvider apiKey="nn_live_...">
      <div className="app">
        <header>
          <Bell className="notification-bell" />
        </header>

        <main>
          <Drawer />
          <Toaster />
        </main>
      </div>
    </NotifyProvider>
  )
}

export default App

What you get

Fast integration

Add notifications in hours, not weeks.

Coherent UX

Toasts, notification bell and drawer that work the same across all your products.

Customizable

Headless + react‑toastify; you decide the design.

Segmentation and priorities

The right message, to the right person, at the right time.

How it works

Integration is very easy: generate the API Key, insert it in the Python SDK and start notifying. The rest is ours.

Generate your API Key

on NotNotify

Insert the API Key

in the Python SDK in your backend

Install the React SDK

and place the components in your app

Style

with your own design. The rest is ours.