Platform

Solutions

Available for:

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

4
function App() {
5
  return (
6
    <CourierProvider userId={<userId>} clientKey={process.env.COURIER_CLIENT_KEY}>
7
      <Inbox/>
8
    </CourierProvider>
9
  );
10
}

Inbox

Build the perfect notification center for your app

Use Courier’s pre-built UI components and powerful API to design a notification experience that perfectly matches your app and helps drive engagement.

Get started for free

Documentation

Notifications

Your ride is here

Head to the pin to catch your ride

35m

Your ride is confirmed and on it’s way

20% off rider offer

Get 20% off now using code RIDE20

11d

Want to try this out for yourself? Try the demo

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.

“Using Courier Inbox, Oyster saved 4 engineers 3 months of work from not having to construct notification infrastructure, design UI, and develop them to spec.”

Amy Weinrieb

Senior Product Manager

Pre-built embeddable components

Use our suite of optimized and customizable UIs to seamlessly deliver notifications your users will love.

All you need (and want), built in

Courier Inbox comes with tons of advanced features at your fingertips:

Notification pinning

Scheduling

Toasts for web

Throttling

Mobile push

Channel failover

Headless or fully hosted

User preferences

Template designer

Lists

Automations

Dynamic audiences

Batching

Fetch message lists

Digests

Eventing

Notifications

This message is unread

Notice the coloring and different style

33m

This message is read

It's grayscale and checked

Notification syncing across channels

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.

The fastest way to integrate Courier

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

Explore the docs

1
import { CourierClient } from '@trycourier/courier'
2

3
const courier = CourierClient()
4

5
await courier.send({
6
  message: {
7
    to: {
8
      user_id: <USER_ID>
9
    },
10
    content: {
11
      title: "How does {{ villain }} like his toast?",
12
      body: "On the dark side."
13
    },
14
    data: {
15
      villain: "Darth Vader"
16
    }
17
    routing: {
18
      method: "single",
19
      channels: ["inbox"]
20
    }
21
  }
22
}

The fastest way to integrate Courier

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

Explore the docs

1
import { CourierClient } from '@trycourier/courier'
2

3
const courier = CourierClient()
4

5
await courier.send({
6
  message: {
7
    to: {
8
      user_id: <USER_ID>
9
    },
10
    content: {
11
      title: "How does {{ villain }} like his toast?",
12
      body: "On the dark side."
13
    },
14
    data: {
15
      villain: "Darth Vader"
16
    }
17
    routing: {
18
      method: "single",
19
      channels: ["inbox"]
20
    }
21
  }
22
}

Terms

Privacy

Responsible Disclosure

Subprocessors

Available for:

Build the perfect notification center for your app

Customizable components

Feature rich, out of the box

Cross-channel syncing

Pre-built embeddable components

All you need (and want), built in

Notification syncing across channels

The fastest way to integrate Courier

The fastest way to integrate Courier

Platform

Use Cases

Explore

Company