Sign up

Internet’s Missing Spec

Our Notification Spec translates to a consistent notification experience across web, mobile, email & other channels.

import { FloatingNotificationInbox } from '@magicbell/magicbell-react'


export function Notifications() {
  return (
    <MagicBell
      apiKey="MAGICBELL_API_KEY"
      userEmail="dan@example.com"
    >
      {(props) => <FloatingNotificationInbox height={350} {...props} />}
    </MagicBell>
  )
}

Out of the box
and fully customizable

  • All the Channels

    MagicBell supports in-app, web-push, mobile-push, and email out of the box. Deliver notifications to all the channels at once or smartly to the best channel.

    Learn more

  • Smart Categories

    Categorizing notification delivery channels and templates. Enable your users to setup their notification preferences and avoid annoying them. You can even split the inbox by categories!

    Learn more

  • Full control

    Leverage various notification APIs at full customizability. For example: Use overrides to send additional data to mobile-push on iOS but not on Android.

    Learn more

  • Starting Point: The Inbox

    A complete notification system has multiple parts – email, push notifications, preference management, etc. However, the Inbox brings them together and gives your users full control.

    Learn more

Documentation and best practices

Browse docs, tutorials, and best practices on building great notification experiences.

Browse our documentation

Launch in an hour

Let us prove that building a great notification system doesn’t have to take months.

Schedule a demo