Whistle

The fastest way to build

in-app notifications with Next.js

Whistle provides a simple yet powerful infrastructure to send and monitor in-app, email, and push notifications.

Real-time Notification Inbox

Out-of-the-box

Whistle provides a library of open-source UI components built with Tailwind that fast-track your development.

Customizable

Everybody has a different approach to design. Inspired by shadcn/ui, we give you complete control of the code.

Functional UI

Our components use Whistle's Javascript SDK under the hood, fetching notifications directly from your project.

Feature-rich

Whistle's pre-built components already include feautres such as real-time listening, read indicators, pagination, and more.

Notifications

Mark all as read

JS

@jithen sent you a message

28 mins ago

AK

@arman added you to Acme

2 hours ago

Your password has been changed

7 hours ago

AK

@arman mentioned you in a post

Yesterday

JS

@jithen followed you

Yesterday

1const notifs = await whistle.sendNotification({
2id: "optional_id",
2recipients: [{ external_id: "123-456-789" }],
3title: "Incoming Message",
4content: "@johndoe just messaged you!",
5metadata: {
5messenger_id: "123-456-789"
5}
5});

Omni-Channel Notifications

Client-facing Typescript SDK

Securely access user notifications directly from your frontend.

Server-facing Typescript SDK

Send and manage sensitive notification information from your backend.

React SDK

Implement functional React components right within your React or Next.js app.

Reach all your needs with

Whistle's Admin Dashboard

Whistle Admin Dashboard

Powerful Features at your Fingertips

Real-time Notifications

Notifications are fetched and pushed directly from your project to your application in real-time.

Email Notifications

Whistle integrates seamlessly with Sendgrid to send email notifications to your users using your own domain and templates.

Mobile Push Notifications

Whistle lets you send push notifications to your users' devices, supporting both Android and iOS.

User Preferences

Give your users control over their notification preferences, allowing them to subscribe to specific topics and categories.

Key Metrics

Understand exactly how your users interact with your notifications with detailed analytics and insights.

No-Code Dashboard

Design & send notifications, manage users, and view analytics without writing a single line of code.

Setup advanced notifications in minutes, not weeks.

Enter your email and we'll reach out to you with early access to Whistle.