Inbox

Engage users in your web and mobile apps

Courier Inbox is a set of pre-built, fully customizable components that make it easy to add a notification center to any web or mobile app, with support for iOS, Android, React Native, Flutter, JavaScript, and React.js.

Inbox

Engage users in your web and mobile apps

Inbox

Engage users in your web and mobile apps

Inbox

Engage users in your web and mobile apps

Customizable components

Don’t waste time wrestling with your frontend. Get a head start with our flexible components for web and mobile and make the UI your own.

Feature rich, out of the box

Save development time with built-in features to automate workflows, batch or digest notifications, manage user preferences, and more.

Cross-channel syncing

Works with your other channels, such as email, SMS, and push. When a user opens an email, the related inbox message will automatically be 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}

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}

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.

All you want (and need), built in

Courier Inbox comes with tons of advanced features at your fingertips

Notification pinning

Toasts for web

Mobile push

Headless or fully hosted

Template designer

Automations

Batching

Digests

Scheduling

Throttling

Channel failover

User preferences

Lists

Dynamic audiences

Fetch message lists

Eventing

This UI kit is fantastic! Feels like I've got a design expert by my side, taking builds to the next level. I'm able to ship 10x faster.

Raghav Katyal

Technical Lead, Twilio

This UI kit is fantastic! Feels like I've got a design expert by my side, taking builds to the next level. I'm able to ship 10x faster.

Raghav Katyal

Technical Lead, Twilio

This UI kit is fantastic! Feels like I've got a design expert by my side, taking builds to the next level. I'm able to ship 10x faster.

Raghav Katyal

Technical Lead, Twilio

This UI kit is fantastic! Feels like I've got a design expert by my side, taking builds to the next level. I'm able to ship 10x faster.

Raghav Katyal

Technical Lead, Twilio

API

The fastest way to integrate Courier

Courier’s flexible APIs, libraries, and documentation make it easy to get started.

API

The fastest way to integrate Courier

Courier’s flexible APIs, libraries, and documentation make it easy to get started.

API

The fastest way to integrate Courier

Courier’s flexible APIs, libraries, and documentation make it easy to get started.

API

The fastest way to integrate Courier

Courier’s flexible APIs, libraries, and documentation make it easy to get started.

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