Novu Documentation

{/* The #home-content wrapper is required: layout and navbar CSS for this page is scoped to it in style.css. Keep all page content inside it. */}

<div id="home-content">

Novu is open-source infrastructure for managing notifications and agent conversations across different channel and messaging platforms, without rebuilding channel logic from scratch.

<div className="hero-cards dark:hidden"> <Columns cols={2}> <Card title="Novu Notify" img="/images/home-page/inbox-light.png" href="/platform"> Build notification workflows across Inbox, email, SMS, push, and chat. Trigger events, personalize delivery, and reach users on the right channel. </Card> <Card title="Novu Connect" img="/images/home-page/connect-light.png" href="/agents"> Connect AI agents to messaging providers with Agent Communication Infrastructure. Handle messages, identity, conversation state, and replies across every channel. </Card> </Columns> </div> <div className="hero-cards hidden dark:block"> <Columns cols={2}> <Card title="Novu Notify" img="/images/home-page/inbox-dark.png" href="/platform"> Build notification workflows across Inbox, email, SMS, push, and chat. Trigger events, personalize delivery, and reach users on the right channel. </Card> <Card title="Novu Connect" img="/images/home-page/connect-dark.png" href="/agents"> Connect AI agents to messaging providers with Agent Communication Infrastructure. Handle messages, identity, conversation state, and replies across every channel. </Card> </Columns> </div>

Choose your path

<Tabs> <Tab title="Notify"> <Columns cols={2}> <Card title="React quickstart" icon="rocket" href="/platform/quickstart/react"> Add the Novu Inbox to a React application and send your first notification. </Card> <Card title="Workflows" icon="git-branch" href="/platform/concepts/workflows"> Learn how workflows model notification logic across channels and steps. </Card> <Card title="Inbox" icon="inbox" href="/platform/inbox"> Embed a real-time notification feed that subscribers can read, archive, snooze, and configure. </Card> <Card title="Integrations" icon="plug" href="/platform/integrations"> Connect providers for email and Slack delivery. </Card> </Columns> </Tab> <Tab title="Connect"> <Columns cols={2}> <Card title="What is Connect?" icon="circle-question-mark" href="/agents"> Understand the infrastructure layer between messaging providers and agent intelligence. </Card> <Card title="Managed Agent" icon="sparkles" href="/agents/managed-agent/overview"> Connect an agent built in AI platform like Claude directly to your Novu agent. </Card> <Card title="Custom Code Agent" icon="square-code" href="/agents/get-started/ai-sdk"> Connect your AI SDK, LangChain, or custom code agent to messaging channels. </Card> <Card title="Conversation observability" icon="messages-square" href="/agents/conversations"> Inspect agent conversations, message history, participants, and provider context. </Card> </Columns> </Tab> </Tabs>

How Novu fits together

<Columns cols={3}> <Card title="Trigger outbound notifications" icon="send"> Connect an agent built with the AI SDK to Novu Connect. </Card> <Card title="Connect inbound conversations" icon="message-circle"> Connect an agent built with the AI SDK to Novu Connect. </Card> <Card title="Operate the whole system" icon="activity"> Connect an agent built with the AI SDK to Novu Connect. </Card> </Columns> <div className="dark:hidden"> <Frame caption="Connect and Notify together power a continuous communication experience for AI agents and products.">  </Frame> </div> <div className="hidden dark:block"> <Frame caption="Connect and Notify together power a continuous communication experience for AI agents and products.">  </Frame> </div>

Build with your stack

<Columns cols={2}> <Card title="Client SDKs" icon="monitor-smartphone" href="/platform/sdks#web-and-mobile-sdks"> Add Inbox and notification UI to React, JavaScript, and React Native apps. </Card> <Card title="Server SDKs" icon="server" href="/platform/sdks/server"> Trigger notifications and call the API from TypeScript, Python, Go, PHP, .NET, Java, Kotlin, Laravel, and Ruby. </Card> <Card title="API reference" icon="braces" href="/api-reference"> Explore Novu REST APIs for events, subscribers, workflows, integrations, messages, and more. </Card> <Card title="Framework" icon="blocks" href="/framework"> Build notification workflows as code with the Novu Framework. </Card> </Columns>

Community

<Columns cols={3}> <Card title="GitHub" icon="github" href="https://github.com/novuhq/novu"> Star Novu, inspect the source, and contribute to the project. </Card> <Card title="Discord" icon="messages-square" href="https://discord.gg/novu"> Ask questions and build with the Novu community. </Card> <Card title="Changelog" icon="newspaper" href="https://go.novu.co/changelog?utm_source=docs_home"> Follow product updates, SDK releases, and improvements across Connect and Notify. </Card> </Columns> </div>