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

# Real-time Notifications

> Get notified instantly when snippets are added, updated, or shared

## Overview

Snippets AI includes Slack-style real-time notifications that keep your team in sync. When a team member adds, updates, or shares a snippet, you're notified instantly-right within the app. This ensures everyone stays up-to-date without having to manually check for changes.

Real-time notifications transform Snippets AI from a static repository into a living, collaborative workspace.

## Why Notifications Matter

In collaborative environments, staying informed is critical:

* **Team Awareness**: Know when teammates add new snippets you might need
* **Update Alerts**: See when important snippets are modified
* **Version Control**: Track changes to snippets you use frequently
* **Collaboration**: Get notified when someone shares a snippet with you
* **Productivity**: No need to manually check for updates

## How It Works

<iframe src="https://player.vimeo.com/video/1104071912?h=0&title=0&byline=0&portrait=0&autoplay=1&muted=1" width="100%" height="450" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen />

### Notification Types

#### Snippet Created

```
👤 Sarah added "API Authentication Flow"
   📁 Backend Team > APIs
   🕐 2 minutes ago
```

When someone creates a new snippet in your team.

#### Snippet Updated

```
👤 Mike updated "Database Query Template"
   📝 Changed syntax to PostgreSQL
   🕐 5 minutes ago
```

When someone modifies an existing snippet.

## Notification UI

### Notification Center

Access all notifications:

<iframe src="https://player.vimeo.com/video/1104072117?h=0&title=0&byline=0&portrait=0&autoplay=1&muted=1" width="100%" height="450" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen />

**Location:** Bell icon (🔔) in top-right corner

**Badge:** Shows unread notification count

**Click to Open:** Panel slides out showing recent notifications

### Notification Panel

Similar to Slack's notification center:

* **Recent Activity**: Last 50 notifications
* **Grouped by Time**: Today, Yesterday, This Week
* **Actionable**: Click notification to jump to snippet
* **Mark as Read**: Click to dismiss individual notifications
* **Mark All Read**: Clear all notifications at once

### In-App Toasts

<iframe src="https://player.vimeo.com/video/1104074643?h=0&title=0&byline=0&portrait=0&autoplay=1&muted=1" width="100%" height="450" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen />

Real-time toasts appear for immediate activity:

**Appearance:** Bottom-right corner (customizable)

**Duration:** 5 seconds (or until dismissed)

**Actions:**

* Click toast → Go to snippet
* Dismiss → Swipe or click X
* Snooze → Remind me later

### Desktop Notifications

<iframe src="https://player.vimeo.com/video/1104077655?h=0&title=0&byline=0&portrait=0&autoplay=1&muted=1" width="100%" height="450" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen />

System-level notifications even when app is in background:

**Mac:** Notification Center notifications
**Windows:** Toast notifications
**Linux:** Desktop notifications (via libnotify)

**Click Notification:**

* Snippets AI opens (if closed)
* Jumps to relevant snippet

<iframe src="https://player.vimeo.com/video/1104084434?h=0&title=0&byline=0&portrait=0&autoplay=1&muted=1" width="100%" height="450" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen />

## What's Next

<Card title="Share Snippet Links" icon="link" href="/guides/share-snippet-links">
  Learn how to share snippets with others via shareable links
</Card>

<Card title="Public Workspaces" icon="users" href="/guides/public-workspaces">
  Join public workspaces to collaborate with communities
</Card>

<Card title="Creating Teams" icon="users" href="/guides/create-team">
  Set up teams to organize notifications by group
</Card>
