Appbricx
Features

Build

  • Coding agents and MCP
  • UI components and hooks
  • Templates
  • Verify testing
  • Builder console

Data

  • Postgres database
  • Data API
  • Realtime

Users

  • Row-level security
  • Sign-in and auth
  • Organisations and teams
  • Payments

Logic

  • Workflows and jobs
  • Server functions and webhooks
  • AI in your app
  • Integrations

Ship and own

  • Backups and rollback
  • Hosting and domains
  • Self-host and export
All features
ShowcaseTemplatesIntegrationsPricingDocs
Log inStart free
  • Features
  • Showcase
  • Templates
  • Integrations
  • Pricing
  • Docs
  • Log in

Build

  • Coding agents and MCP
  • UI components and hooks
  • Templates
  • Verify testing
  • Builder console

Data

  • Postgres database
  • Data API
  • Realtime

Users

  • Row-level security
  • Sign-in and auth
  • Organisations and teams
  • Payments

Logic

  • Workflows and jobs
  • Server functions and webhooks
  • AI in your app
  • Integrations

Ship and own

  • Backups and rollback
  • Hosting and domains
  • Self-host and export
  1. Home
  2. Templates
  3. Components
  4. Presence avatars

Presence avatars

A custom component for any page: on a record page (a route ending in /:id) it shows who else has that record open; elsewhere, who has the page open. It uses two realtime presence channels: one per record of the table you choose, which only people who can read that record may join, and one per page for signed-in people. Nobody can send on either channel; they only say who is here.

Use in AppbricxFree. Already have an account? Log in
View the files
Presence avatars: the Who's here page, added to Kanbo, on desktopPresence avatars: the Who's here page, added to Kanbo, on a phone
  • Presence avatars: the Who's here page, added to Kanbo, on desktopDesktop
  • Presence avatars: the Who's here page, added to Kanbo, on a phonePhone

What it adds to your app

Component PresenceAvatars (props: room, max, label). Two presence channels: per record and per page. A Who's here page.

Pages

  • /live-view Who's here (‹page_role›)

Components

  • PresenceAvatars Faces of the people looking at this ‹entity› record (or this page) right now

Realtime

  • viewers:<‹entity›> Channel. Join: signed_in (and can read the ‹entity›). Send: none. Shows who is here
  • page_viewers Channel. Join: signed_in. Send: none. Shows who is here

Set it up

It merges into the contract of an app you already have. Nothing is overwritten: a name you already use is refused until you pass a prefix.

  1. Pick the project

    Use the button above, or ask your coding agent with the Appbricx MCP server connected (quickstart).

  2. Point it at your tables and roles

    Leave out the ones with defaults; a wrong one is refused with the options your app has.

    ParamWhat it isExample
    entityThe table whose record pages show who is viewing them.ticket
    page_roleThe role the sample page is for. Optional.agent
  3. Preview, then apply to dev

    A dry run shows the diff and the check report; applying it changes your dev environment only.

  4. Deploy

    When dev looks right, deploy. Production gets a snapshot first, so you can roll back.

Use it with your coding agent

The agent reads the template, runs a dry run, shows you the diff and applies it.

Prompt
Add the Presence avatars template (slug "presence-avatars") to my Appbricx project. Read it with get_template, run use_template with dry_run first and show me the diff, then apply it. Ask me where it attaches if you can't tell from my contract (entity: records; page_role: who sees the who's here page).
MCP call
{
  "tool": "use_template",
  "arguments": {
    "slug": "presence-avatars",
    "project_id": "<your project id>",
    "params": {
      "entity": "ticket",
      "page_role": "agent"
    },
    "dry_run": true
  }
}
CLI
appbricx templates use presence-avatars --param entity=ticket --param page_role=agent --dry-run
Kind
Component
Category
Collaboration
Params
2 (1 required)
Version
1.0.0
Files
components/presence-avatars
Published by
Appbricx, free

Goes well with

  • Huddle

    Realtime team chat: public and private channels, live messages, typing indicators, who's online, unread counts and @mentions.

    App · Collaboration
  • Margin

    Live document review: comments in the margin, replies, reactions and resolve, who's viewing, and edits that appear for every reader as they're saved.

    App · Collaboration
  • Corkboard

    Multiplayer sticky-note board for retros and planning: notes you add, edit, drag between lanes and vote on, live for everyone, with who's on the board and who's editing which note.

    App · Collaboration

Your agent adds it. Appbricx runs it.

Start freeAll templates
Appbricx

The backend, runtime and hosting for apps your coding agent builds. On our cloud, in yours, or on your own servers.

Features

Coding agents and MCPUI components and hooksTemplatesVerify testingBuilder consolePostgres databaseData APIRealtimeRow-level securitySign-in and authOrganisations and teamsPaymentsWorkflows and jobsServer functions and webhooksAI in your appIntegrationsBackups and rollbackHosting and domainsSelf-host and exportAll features

Product

ShowcaseTemplatesIntegrationsPricingFor coding agentsSelf-hostBring your own AI keyFAQ

Compare

Appbricx vs SupabaseLovable alternativeBolt alternativeFor freelancersFor agencies

Resources

DocumentationReferenceBlogSupportContact

© 2026 Appbricx. All rights reserved.

TermsPrivacyCookiesAcceptable Use