Courier logo. First letter of the word has a bird inside.
Courier logo. First letter of the word has a bird inside.

In-App Notifcation Center

In-App Notifcation Center

In-App Notifications, Solved.

Courier Inbox is the fastest way to add in-app notifications to your web or mobile app with drop-in SDKs for JavaScript, React, iOS, Android, Flutter, and React Native. Start sending in-app notifications in under an hour.

Twilio Inbox Wireframe
Twilio Inbox
Twilio Inbox Wireframe
Twilio Inbox
Twilio Inbox Wireframe
Twilio Inbox
Twilio Inbox Wireframe
Twilio Inbox

Launch fast on mobile and web

Quickly create a seamless experience with SDK components designed for iOS, Android, and web—fully customizable to fit your brand and easy to integrate.

All the features you need, built in

Automate workflows, batch or digest notifications, and manage user preferences—all without extra engineering effort. We handle it for you, so you can focus on building.

Stay in sync across every channel

Automatically sync in-app notifications with email, push, Slack, etc. When a user opens an email, the related inbox message is automatically marked as read.

Inbox

Mark all as read

9:41

Update 3.0 released! Faster, better, stronger! Click here to see full details.

{time-st}

{f-name} wants to edit {c-name}.

{time-st}

Accept

Deny

{f-name} wants to edit {c-name}.

{time-st}

{f-name}

Commented in {c-name}

{time-st}

Careful when discussing our new project, there’s a ton of knockoffs out there.

{f-name}

Commented in {c-name}

{time-st}

Careful when discussing our new project, there’s a ton of knockoffs out there.

Inbox

Mark all as read

9:41

Update 3.0 released! Faster, better, stronger! Click here to see full details.

{time-st}

{f-name} wants to edit {c-name}.

{time-st}

Accept

Deny

{f-name} wants to edit {c-name}.

{time-st}

{f-name}

Commented in {c-name}

{time-st}

Careful when discussing our new project, there’s a ton of knockoffs out there.

{f-name}

Commented in {c-name}

{time-st}

Careful when discussing our new project, there’s a ton of knockoffs out there.

Deliver exceptional UX, out of the box

Courier Inbox gives you everything you need to create a seamless user experience across in-app notifications, push notifications, and others channels like email, SMS, Slack, etc.

Notification pinning

Toasts notification

Mobile push notifications

Headless or fully hosted

Template designer

Automations

Batching

Digests

Scheduling

Throttling

Channel failover

User preferences

Lists

Dynamic audiences

Fetch message lists

Unread counts

We chose Courier because the depth of the inbox and multi-channel integrations allowed us to choose one notification platform for all products and teams at Twilio.

Raghav Katyal

Technical Lead, Twilio

We chose Courier because the depth of the inbox and multi-channel integrations allowed us to choose one notification platform for all products and teams at Twilio.

Raghav Katyal

Technical Lead, Twilio

We chose Courier because the depth of the inbox and multi-channel integrations allowed us to choose one notification platform for all products and teams at Twilio.

Raghav Katyal

Technical Lead, Twilio

We chose Courier because the depth of the inbox and multi-channel integrations allowed us to choose one notification platform for all products and teams at Twilio.

Raghav Katyal

Technical Lead, Twilio

SDKs

API

API

API

Embed a real-time, customizable inbox
with just a few lines of code

Add a fully customizable inbox live in minutes with complete control over styling and UX.
Supports all major platforms including React, React Native, Flutter, Android, iOS, and JavaScript. 

import { CourierProvider } from "@trycourier/react-provider";
import { Inbox } from "@trycourier/react-inbox";

function App() {
  return (
    <CourierProvider userId={<userId>} clientKey={process.env.COURIER_CLIENT_KEY}>
      <Inbox/>
    </CourierProvider>
  );
}

Check out our docs

import { CourierProvider } from "@trycourier/react-provider";
import { Inbox } from "@trycourier/react-inbox";

function App() {
  return (
    <CourierProvider userId={<userId>} clientKey={process.env.COURIER_CLIENT_KEY}>
      <Inbox/>
    </CourierProvider>
  );
}

Check out our docs

import { CourierProvider } from "@trycourier/react-provider";
import { Inbox } from "@trycourier/react-inbox";

function App() {
  return (
    <CourierProvider userId={<userId>} clientKey={process.env.COURIER_CLIENT_KEY}>
      <Inbox/>
    </CourierProvider>
  );
}

Check out our docs

The all-in-one notification platform for developers

Ready to take your notifications to the next level?

Start sending for free

Request demo

The all-in-one notification platform for developers

Ready to take your notifications to the next level?

Start sending for free

Request demo

The all-in-one notification platform for developers

Ready to take your notifications to the next level?

Start sending for free

Request demo

Backed by

Backed by

Backed by

Backed by