> ## Documentation Index
> Fetch the complete documentation index at: https://v0.x-docs.novu.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Demo apps

> Experience the power of Novu for triggering, digesting, and receiving notifications via different channels

### 1. Email, In-App Notification & Authentication

<Frame caption="Demo showing auth & email notifications with Novu & Auth0">
  <img src="https://mintcdn.com/novu-v2-docs/rGvFx0oDoBLPCuxk/images/vue-email-notification.png?fit=max&auto=format&n=rGvFx0oDoBLPCuxk&q=85&s=18a5ebb8faa90067f6a289b2e9778c9d" width="2722" height="1644" data-path="images/vue-email-notification.png" />
</Frame>

<CardGroup cols={2}>
  <Card title="Github" icon="github" color="#ea5a0c" href="https://github.com/novuhq/examples/tree/main/vue-nextjs-trigger-inapp-notifications">
    Find the source code here!
  </Card>

  <Card title="Demo" icon="play" color="#0285c7" href="https://novu-notifications-vue3.vercel.app/">
    Try it yourself first-hand!
  </Card>
</CardGroup>

### 2. Headless Notification Center

<Frame caption="Demo showing how to use the headless notification center in a JS app">
  <img src="https://mintcdn.com/novu-v2-docs/iBMuKOgzYB_2VB7w/images/headless-notification-center-demo.png?fit=max&auto=format&n=iBMuKOgzYB_2VB7w&q=85&s=649260a0b8ed4a1e059aab4864473fc0" width="2578" height="1716" data-path="images/headless-notification-center-demo.png" />
</Frame>

<CardGroup cols={2}>
  <Card title="Github" icon="github" color="#ea5a0c" href="https://github.com/novuhq/novu-headless-demo-app">
    Find the source code here!
  </Card>

  <Card title="Demo" icon="play" color="#0285c7" href="https://headlessdemo.vercel.app/">
    Try it yourself first-hand!
  </Card>
</CardGroup>

### 3. Notification Center

<Frame caption="Demo showing how to use the notification center in a next.js app">
  <img src="https://mintcdn.com/novu-v2-docs/iBMuKOgzYB_2VB7w/images/notification-center-demo.png?fit=max&auto=format&n=iBMuKOgzYB_2VB7w&q=85&s=d250dd2e458c3071068c5f8e220c7256" width="2800" height="1812" data-path="images/notification-center-demo.png" />
</Frame>

<CardGroup cols={2}>
  <Card title="Github" icon="github" color="#ea5a0c" href="https://github.com/novuhq/notification-center-demo">
    Find the source code here!
  </Card>

  <Card title="Demo" icon="play" color="#0285c7" href="https://notification-center-demo.vercel.app/">
    Try it yourself first-hand!
  </Card>
</CardGroup>

### 4. Email Digest Engine

<Frame caption="Demo showing how digest engine works in Email notifications">
  <img src="https://mintcdn.com/novu-v2-docs/vgBgpur1s6gL5HkB/images/email-digest-engine-demo.png?fit=max&auto=format&n=vgBgpur1s6gL5HkB&q=85&s=7ccd34afba0648a1f98f157a7489430d" width="2888" height="1726" data-path="images/email-digest-engine-demo.png" />
</Frame>

<CardGroup cols={2}>
  <Card title="Github" icon="github" color="#ea5a0c" href="https://github.com/novuhq/digest-email-app">
    Find the source code here!
  </Card>

  <Card title="Demo" icon="play" color="#0285c7" href="https://emaildigest.vercel.app/">
    Try it yourself first-hand!
  </Card>
</CardGroup>

### 5. InApp Digest Engine

<Frame caption="Demo showing how digest engine works in In-App Notification Center">
  <img src="https://mintcdn.com/novu-v2-docs/iBMuKOgzYB_2VB7w/images/inapp-digest-engine-demo.png?fit=max&auto=format&n=iBMuKOgzYB_2VB7w&q=85&s=583833ad021b83078506b90687c11d34" width="2578" height="1678" data-path="images/inapp-digest-engine-demo.png" />
</Frame>

<CardGroup cols={2}>
  <Card title="Github" icon="github" color="#ea5a0c" href="https://github.com/novuhq/digest-learning-app">
    Find the source code here!
  </Card>

  <Card title="Demo" icon="play" color="#0285c7" href="https://digestplayground.vercel.app/">
    Try it yourself first-hand!
  </Card>
</CardGroup>